別の少ないファイルで変数を使用するには？

Question

私は、整理しやすいように、少ないファイルを多くのファイルに分割してみましょう。ここ は私のリポジトリです：

/reset.less 
/variables.less 
/mixins.less 
/main.less 
/styles.less 

styles.lessだけで、他のファイルをインポートします

@import "reset.less"; 
@import "mixins.less"; 
@import "variables.less"; 
@import "main.less"; 

しかし、私はmain.lessにいくつかのコードを追加している@ラインカラーを使用する場合変数には無制限に定義されます。それは名前Error: variable @line-color is undefinedを示し、私はそれをコンパイルできません - 私は少ないプラグインでPHPStormを使用します。

私にお勧めしますか？

Answer 1

変数をインポートする必要があります。変数を使用するすべてのファイルはありません。

編集：

は、あなただけのあなたのstyle.lessをコンパイルする必要があります。あなたは変数を知らないのでmain.lessをコンパイルすることはできませんが、main.CSSは必要ないのですか？
適切なstyle.cssを入手する必要があります。これは、必要とする唯一のCSSファイルです。

Answer 2

私はPHPstormに以下のようにして、それを解決することができます：...

• オープン環境設定ツールで
• >ファイルウォッチャー>以下（のconfigure）
• チェック "トラックのみルートファイルを"
• "更新する出力パス"を../css/$FileNameWithoutExtension$.cssに変更してください（前に "../css/"が追加されています - どのフォルダにCSSファイルを書き込むかによって異なります）
• （この時点で、あなたが好きなように仕事をしているかどうかを確認することができます。そうでない場合は、次のステップに運ぶ...）
• その他の設定で> LESSプロファイル>（あなたのプロフィール）（のconfigure）
• 「LESSソースディレクトリ」を定義します。/Users/macuser/htdocs/MySite/sites/all/themes/mytheme/less（フォルダが含まれている依存れています/Users/macuser/htdocs/MySite/sites/all/themes/mytheme/less/style.less（.lessファイルは、他の.lessファイルをコンパイルしたファイル名によってはその上）
• 追加「CSSの出力ディレクトリ」あなたが書きたいフォルダを選択して：.lessファイル）
• は、「パスでファイルを含める」の定義します（縮小された）CSSファイル
• 有効CSS出力を圧縮する希望の場合

お知らせ：圧縮CSS出力が有効になっている場合、これはコードはあなたが.less -fileを右クリックして「CSSにコンパイルする」ヒット毎回圧縮されることを意味します。既定では、出力は.less -fileに加えたすべての変更で圧縮されません。あなたは、すぐにCSSを圧縮したくない場合は

• ターミナルで次のコマンドを使用してあまりプラグインクリーンCSSをインストールします。sudo npm install -g less-plugin-clean-css
• 次に、>ファイルウォッチャー>以下（ツールにアクセスしてくださいconfigureを実行し、引数を--clean-css --no-color $FileName$に変更します（先頭に "--clean-css"が追加されています）。 これで、コーディング中に自動的にCSSがコンパイルされます。もはや手動でコンパイルする必要はありません。