Ruby on Rails 애플리케이션에서 CSS를 어떻게 사용합니까?
RoR에서 CSS를 어떻게 사용합니까? 외부에서 링크하면 파일을 볼 수 없습니다. 나는 내가 생각할 수있는 모든 폴더에 .css 파일을 cp'd ...보기, 컨트롤러, 템플릿, 아무것도 작동하지 않는 것 같습니다.
Rails 애플리케이션에서 외부 CSS 파일을 활성화하려면 어떻게해야합니까? 저는 rails를 처음 사용하므로 이것이 기본이라면 용서하십시오.
CSS 파일을 공용 / 스타일 시트에 넣고 다음을 사용하십시오.
<%= stylesheet_link_tag "filename" %>
레이아웃의 스타일 시트 또는 뷰의 erb 파일에 링크합니다.
마찬가지로 이미지를 public / images에 넣고 javascript 파일을 public / javascript에 넣습니다.
rails> 3 버전을 사용하는 경우라는 개념이 asset pipeline
있습니다. CSS를 추가 할 수 있습니다.
app/assets/stylesheets
그러면 앱이 자동으로 선택합니다. (레일이 CSS 파일을 자동으로 압축하므로 유용합니다)
여기 에서 자산 파이프 라인에 대해 자세히 알아 보십시오.
나는 다음을했다 ...
- css 파일을
app/assets/stylesheets
폴더 에 넣으십시오 . <%= stylesheet_link_tag "filename" %>
기본 레이아웃 파일 (대부분application.html.erb
)에 스타일 시트 링크 를 추가합니다.
공용 폴더를 사용하는 것보다 이것을 권장합니다. 색인 페이지에서와 같이 인라인으로 스타일 시트를 참조 할 수도 있습니다.
rails 스타일 시트 태그를 사용하여 main.css를 다음과 같이 연결하십시오.
<%= stylesheet_link_tag "main" %>
이동
config/initializers/assets.rb
안으로 들어가면 assets.rb
바로 아래에 다음 코드 스 니펫을 추가하십시오.Rails.application.config.assets.version = '1.0'
Rails.application.config.assets.version = '1.0'
Rails.application.config.assets.precompile += %w( main.css )
서버를 다시 시작하십시오.
원래 게시물은 2009 년에 사실 이었을지 모르지만 지금은 실제로 올바르지 않으며 다른 응답에서 언급했듯이 스타일 시트에 대한 링크도 필요하지 않습니다. 이제 Rails가 기본적으로이 작업을 수행합니다.
- 앱 / 자산 / 스타일 시트에 새 시트 .css (또는 기타)를 배치합니다.
- rails-root / scripts / rails 서버로 서버를 테스트하면 rails 자체에 의해 링크가 추가되는 것을 볼 수 있습니다.
testserverpath : 3000 / assets / filename_to_test.css? body = 1과 같은 브라우저의 경로를 사용하여이를 테스트 할 수 있습니다.
위에 추가하려면 stylesheet_link_tag를 추가하는 가장 확실한 위치는 전역 애플리케이션 레이아웃 인 application.html.erb입니다.
공용 폴더에 넣어 보셨습니까? 외부에서 참조해야하는 이미지 등이있을 때마다 모두 거기에 넣습니다.
참고 URL : https://stackoverflow.com/questions/804961/how-do-i-use-css-with-a-ruby-on-rails-application
'programing' 카테고리의 다른 글
C #의 유전 프로그래밍 (0) | 2020.12.08 |
---|---|
.NET Framework, CLR 및 Visual Studio 버전 번호는 서로 어떤 관련이 있습니까? (0) | 2020.12.08 |
레일에서 POST를 사용하여 redirect_to (0) | 2020.12.08 |
클라우드 컴퓨팅과 분산 컴퓨팅의 차이점은 무엇입니까? (0) | 2020.12.08 |
Rails 프로젝트 용 Google 사이트 맵 파일 (0) | 2020.12.08 |