0

いくつかのプラグインがあるようです...そして、個々のファイルもプリコンパイルする webstorm ファイルウォッチャーを使用しています。

これは、ウォッチャーをセットアップするための最良の方法ではないかもしれないと思います。

私は今このコマンドを実行しています：

sass --no-cache --update --stop-on-error --trace ./app/sass:./app/css

にすべてを追加しているように見える webstorm ファイル ウォッチと競合しているようbase.cssです。このコマンドが webstorm の sass filewatcher と比較して正確に何をしているのか誰か教えてもらえますか?

sassで作業する最良の方法は何ですか:

  • grunt ビルド タスクを使用して sass を css にプリコンパイルする
  • 開発中にファイルウォッチャーを持っていますか？

私の base.sass は次のようになります。

@charset "UTF-8";

/* DO NOT EDIT FILES IN ./css. See ./sass instead */

@import "page";
@import "modal";
@import "nav";
@import "tables";
@import "forms";
@import "message";
4

1 に答える 1

1

このコマンドは、ディレクトリ内のすべてのファイル./app/sassを CSS にコンパイルし、結果のファイルを に配置するだけ./app/cssです。デフォルトのファイル ウォッチャーは、次のコマンドを実行します。

sass --no-cache --update $FileName$:$FileNameWithoutExtension$.css

つまり、現在のファイル (変更されたファイル) を入力として受け取り、同じディレクトリに .css を作成します。ただし、「ルート ファイルのみを追跡する」オプションがオンになっているため (デフォルト設定)、ウォッチャーはルート ファイル (インポートを介して他のファイルを参照するファイル) のみの css を作成します。このオプションをオフにして、現在の動作を変更し、他のファイルに対して生成された css を取得することもできます。

于 2013-10-23T15:50:01.753 に答える