4

私のレールアプリでこれを機能させることができないようです。大まかに言うと、自分のアプリで LESS を使用してアセット パイプラインを通過させたくありません。

これは私の資産がどのように見えるかです:

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

「my-mixins.less」、「my-variables.less」、「foo-mixins.less」、および他のファイルを「base.less」にインポートしたいと考えています。必要に応じて、「bar.less」も特定のページに追加する必要があります。

どうすればこれを行うことができますか？

4

3 に答える 3

3

less-rails gem を使用していると仮定すると、これは機能するはずです。

まず、これを設定のどこかに追加します (私の環境は 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

以下を使用して、my-mixins を site-stylesheet にインポートできます。

@import "my-mixins"

そして、スタイルシートをアプリにインポートします:

<%= stylesheet_link_tag "site-stylesheet" %>

そこから特定のディレクトリ構造を推測できるはずです。

于 2012-09-14T17:07:57.093 に答える
1

base.css.less で書くことができ@import "my-variables.less";、動作するはずです。

于 2012-08-11T21:56:50.487 に答える
0

ファイルを相対パスで参照するには、ファイルを「vendor/assets」または「vendor/plugins」(どちらもルート レベル) フォルダーに配置する必要があります。

于 2012-08-12T17:24:16.710 に答える