3

そこで、Rails アプリで LESS ファイルを分割しました (なぜ SASS の代わりに LESS を使用しているのかは聞かないでください)。

stylesheets/
├── add-listing.css.less
├── application.css
├── checkout.css.less
├── dashboard-home.css.less
├── edit-listing.css.less
├── edit-profile.css.less
├── global-variables.css.less
├── global.css.less
├── inquiries.css.less
├── inquiry.css.less 
├── manifest.css.less
├── profile-listing.css.less
├── questionnaire.css.less
├── scaffolds.css.less
├── scrape.rb
├── screen.css.less
├── search.css.less
├── settings.css.less
└── sign-up-log-in.css.less

私が見つけたのは、require_tree .では機能しないということapplication.cssです。最初にロードする必要がありますがglobal-variables.css.less、それはできません。私が言っrequire global-variables.css.lessたとしても、ルートページに必要な実際の LESS ファイルはまだレンダリングされません。

だから私がやっていることは@import、すべてのファイルのステートメントをmanifest.css.less. これは機能しますが、新しい LESS ファイルを作成する場合は、@import毎回ステートメントを追加する必要があります。これはもう 1 つのステップであり、Rails でこれを行うことができる方法があるかどうか疑問に思っていました。助言がありますか？

4

1 に答える 1

1

これはLESS特有の問題ではありません。SASS では、require_tree に含まれるファイルの順序を保証できないという問題もあります。たとえば、variables.scss一連のグローバル SASS 変数を含むファイルが必要な場合は、require_tree を削除し、代わりに application.css でこれを行う必要があります。

/*
 *= require_self
 *= require main
*/

次に、main.css.scss に次のように記述します。

// Import this first so other .scss files can see the variables and the bootstrap stuff
@import "variables";

// @import everything else here. If you add a new file, it won't show up until you add a line to import it here.
@import "style";
@import "tables";
//etc

はい、面倒です。

于 2013-09-01T18:55:00.117 に答える