3

私は2つのファイルを持っています：black.less

/* imports */
@import "elements.less";
@import "crush.less";
@import "tree.less";

以下を追加して、より少ない時計機能を使用しています。

 less.watch();

案の定、トラフィックが black.less になっているのがわかります。ただし、Black.less は変更されていないため、インポートされるファイルの変更は変更としてカウントされず、スタイルは更新されません。

ただし、black.less に触れると、スタイルが適切に更新されます。

それがインポートされたファイルであるか、ページに追加されている実際のlessファイルであるかに関係なく、自動的に更新する方法はありますか。つまり、tree.lessとしましょう。

/K

4

4 に答える 4

1

私はGruntとgrunt-contrib-lessプラグインを使用して、lessファイルをすべて監視し、変更されたファイルをCSSにコンパイルします。

次に、ブラウザーでlive.jsを使用してCSSファイルを監視します。

この方法の利点は、HTMLファイルとJSファイルで同じことを実行できるだけでなく、テストを実行したり、JSファイルをリントしたりできることです。

于 2013-02-15T19:57:34.380 に答える
0

ここに別の簡単な方法があります。

watch -n 1 touch black.less
于 2013-04-12T13:49:46.290 に答える
0

Remy Sharp は最近、開発ツールで編集したファイルをファイル システムに保存する機能を Chrome の新しいバージョンがどのようにサポートしているかについての投稿を書きました。

彼はdevtools を離れる必要はないと提唱しています。編集はブラウザで行うだけです。このソリューションの利点は、クライアント側の Less コンパイラを引き続き使用できることです。

(私はまだ堅牢なテキスト エディターとコマンド ラインが好きすぎて、それらを完全に捨てることはできませんが、この回答は、この質問にたどり着いた少なくとも数人の人にアピールする可能性が高いと考えました。)

于 2013-02-15T20:12:48.030 に答える