CSSのインポート構造が簡素化

Question

私は、読みやすいように小さなファイルに分割しようとしている、本当に大きな無限のファイルを持っています。

しかし、私がインポートしているファイルはmain.lessファイルの変数とミックスインに依存しているので、自分でコンパイルすることはありません。

変数とミックスインを両方のファイルの先頭に含めるか、これについてもっと良い方法がありますか？

Answer 1

変数とミックスインは、他のスタイルから独立している場合は（彼らはおそらくする必要がありますよう）あなたが変数とミックスインの両方のために別々のファイルを作成することができます...

- less_directory 
    |-- mixins.less 
    |-- variables.less 
    |-- style1.less 
    `-- style2.less 

..andそしてちょうどimportそれらとして必要です。

Answer 2

main.lessファイルに変数を含める場合、変数をすべてのファイルに含める必要はありません。すべてがmain.lessにコンパイルされますので、

/* main.less */ 
@import mixins.less 
@import one.less 
@import two.less 

あなたがoneまたはtwoで作業するときにのみ、あなたのサイトにmain.lessをロードしていると仮定すると、mixinsから変数がうまく動作するはずです。