多数の Less @import オプションを試しても、Less @import オプションが期待どおりに機能しない理由がよくわからないという問題があります。問題のファイルは次の(app.less)
とおりです。
@import "theme";
.nav-wrapper--background-white {
background-color: #ffffff;
}
最初に、有効な Less コードを に入力するtheme.less
と、Less コンパイラはいくつかのことを行います。
1) 生成しtheme.css
ます。2)app.less
から CSS をインクルードして生成しますtheme.css
。
これは素晴らしい。ただし、後で に変更を加えるとtheme.less
、Less コンパイラtheme.css
は改訂された変更で再生成されますが、 の変更は にtheme.css
マージされませんapp.css
。
私が望んでいるのは、参照されている に変更を加えるたびにtheme.less
、それtheme.css
が に含まれることapp.css
です。
私はSASS/SCSSでこの種のことを行い、期待どおりに機能します。私は昨日 Less を使い始めたばかりで、同じことが達成できると思います。任意のポインタをいただければ幸いです。