如何添加LESS文件到rails應用程序

我似乎無法得到這個在我的rails應用程序中工作。在很高的層面上，我不想在我的應用中使用LESS，並讓它通過資產管道。如何添加LESS文件到rails應用程序

這就是我的資產是這樣的：

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」。

我該如何去做這件事？

來源

2012-08-11 sevens

在base.css.less中，您可以編寫@import "my-variables.less";，它應該可以工作。

來源

2012-08-11 21:56:50

這就是我的想法，但它似乎沒有工作。我會再次嘗試它的地獄。 – sevens 2012-08-11 22:19:19

再次嘗試，它不起作用。 – sevens 2012-08-12 02:03:25

文件必須位於「供應商/資產」或「供應商/插件」（均位於根級別）文件夾中，以便使用相對路徑引用它們。

來源

2012-08-12 17:24:16 sevens

這應該工作，假設你使用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

你可以通過導入站點樣式表我-混入：

@import "my-mixins"

，並導入樣式表到您的應用：

<%= stylesheet_link_tag "site-stylesheet" %>

您應該能夠從那裏推斷出您的特定目錄結構。

來源

2012-09-14 17:07:57 billmag

如何添加LESS文件到rails應用程序

回答

相關問題