rails로 javascript,scss 파일 읽기 지정하기
3068 단어 Rails
개시하다
자바스크립트가 모든 페이지에서 같은 파일을 읽으면 불편합니다.
오류가 발생했습니다.
그래서 지금까지 eb에서 마지막으로 자바스크립트를 썼습니다. 다른 방법을 알고 썼기 때문에 썼습니다.
참고로 이 보도의 내용은 아직 완전히 다 읽지 못했다.
[rails] 특정 페이지에서만 수행되는 Javascript
https://www.ohmyenter.com/execute-javascript-on-a-page-on-rails/
이루어지다
우선 assets/javascript에서 시작합니다.page_load.커피(coffee)를 만들다.
그 가운데
이 보도에 쓰인 코드를 복제하다.
이 보도는 커피로 쓴 것이다.
그리고 jquery가 필요하기 때문에 jquery를 사용해야 합니다.
다음은 응용 프로그램입니다.html.erb로 바디 열기<body data-controller="<%= controller_name %>" data-action="<%= action_name %>">
이런 느낌으로.
기본적으로 이렇다
onPageLoad('users#index', function() {
});
이렇게 사용 가능합니다.
이렇게 하면 users 컨트롤러 index 동작에 사용되는 javascript인 것 같아요.
하지만 자신의 상황이 순조롭지 못해...
읽을 때 열기page_load.coffee는 Require로 읽습니다.
//= require jquery
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require on_page_load
//= require users
//= require books
이런 느낌.
Require onpage_load를 읽는 중
require_tree . 그리고 또 같은 파일을 읽을 줄 알았어, 리퀘어.tree 삭제
파일을 지정하고 불러옵니다.
경사
css 컨트롤러로 읽기
css의 경우 우선
application.html.ebbody 열기<body class='<%= controller_name %>'>
이렇게 하다
그리고 나서
scss 파일 사용하기.users
{
background: red;
.title
{
color: white;
}
}
.books
{
background: blue;
.title
{
color: black;
}
}
이렇게 하면 모든 컨트롤러가 css로 바뀔 수 있습니다.
종결어.
Reference
이 문제에 관하여(rails로 javascript,scss 파일 읽기 지정하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sibakenY/items/39fedb53d0ce2d831043
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
우선 assets/javascript에서 시작합니다.page_load.커피(coffee)를 만들다.
그 가운데
이 보도에 쓰인 코드를 복제하다.
이 보도는 커피로 쓴 것이다.
그리고 jquery가 필요하기 때문에 jquery를 사용해야 합니다.
다음은 응용 프로그램입니다.html.erb로 바디 열기
<body data-controller="<%= controller_name %>" data-action="<%= action_name %>">
이런 느낌으로.기본적으로 이렇다
onPageLoad('users#index', function() {
});
이렇게 사용 가능합니다.이렇게 하면 users 컨트롤러 index 동작에 사용되는 javascript인 것 같아요.
하지만 자신의 상황이 순조롭지 못해...
읽을 때 열기page_load.coffee는 Require로 읽습니다.
//= require jquery
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require on_page_load
//= require users
//= require books
이런 느낌.Require onpage_load를 읽는 중
require_tree . 그리고 또 같은 파일을 읽을 줄 알았어, 리퀘어.tree 삭제
파일을 지정하고 불러옵니다.
경사
css 컨트롤러로 읽기
css의 경우 우선
application.html.ebbody 열기<body class='<%= controller_name %>'>
이렇게 하다
그리고 나서
scss 파일 사용하기.users
{
background: red;
.title
{
color: white;
}
}
.books
{
background: blue;
.title
{
color: black;
}
}
이렇게 하면 모든 컨트롤러가 css로 바뀔 수 있습니다.
종결어.
Reference
이 문제에 관하여(rails로 javascript,scss 파일 읽기 지정하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sibakenY/items/39fedb53d0ce2d831043
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<body class='<%= controller_name %>'>
.users
{
background: red;
.title
{
color: white;
}
}
.books
{
background: blue;
.title
{
color: black;
}
}
Reference
이 문제에 관하여(rails로 javascript,scss 파일 읽기 지정하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sibakenY/items/39fedb53d0ce2d831043텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)