레일 앱에 덜 파일을 추가하는 방법

Question

레일 앱에서 작동하지 않는 것 같습니다. 높은 수준에서, 내 앱에서 LESS를 사용하지 않고 자산 파이프 라인을 통과시키지 않을 것입니다.

assets 
| 
|--- javascript 
| 
|--- stylesheets 
      | 
      |-- reset.less 
      |-- my-mixins.less 
      |-- my-variables.less 
      |-- base.less 
| 
|--- images 
| 
|--- libs 
     | 
     |---foo 
      | 
      |--css 
       | 
       |--- foo-mixins.less 
       | 
       |--- bar.less 

내가 기본 "에"내-mixins.less ","내-variables.less "와"foo는-mixins.less "을 가져올 것 :

이 내 자산처럼 보일 것입니다 .less "뿐만 아니라 다른 파일들도 포함됩니다. 필요한 경우 "bar.less"도 특정 페이지에 추가해야합니다.

어떻게해야합니까?

Answer 1

base.css.less에는 @import "my-variables.less";을 쓸 수 있으며 작동해야합니다.

Answer 2

파일은 상대 경로를 참조하기 위해 "공급 업체/자산"또는 "공급 업체/플러그인"(루트 수준 모두) 폴더에 있어야합니다.

Answer 3

less-rails 보석을 사용하고 있다면이 방법이 효과적입니다.

첫째, (내 environment.rb에 내가 내가) 구성에 어딘가에이 추가

YourApp::Application.configure do 
    config.less.paths << File.join(Rails.root, 'app', 'assets', 'less') 
end 

을 이제,이 같은 파일 설정이있는 경우 :

assets 
| 
|--- javascript 
| 
|--- css 
|  |--- site-stylesheet.css.less 
| 
|--- less 
     |--- my-mixins.less 

당신을

@import "my-mixins" 

다음을 사용하여 스타일 시트를 가져올 수 있습니다 :

<%= stylesheet_link_tag "site-stylesheet" %> 

특정 디렉토리 구조에 대해 해당 위치에서 추정 할 수 있어야합니다.