programing

Ruby on Rails 애플리케이션에서 CSS를 어떻게 사용합니까?

nasanasas 2020. 12. 8. 08:17
반응형

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 파일을 자동으로 압축하므로 유용합니다)

여기 에서 자산 파이프 라인에 대해 자세히 알아 보십시오.


나는 다음을했다 ...

  1. css 파일을 app/assets/stylesheets폴더 에 넣으십시오 .
  2. <%= 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

반응형