web-dev-qa-db-ja.com

多くのsassファイルを含むディレクトリ/フォルダ全体の変更を監視する方法

多くのsassファイルを含むディレクトリ全体の変更をどのようにトレースできますか？私は次のコマンドを使用してsassの変更を監視しています

ファイル：

sass --watch style.scss:style.css

しかし、多くのsassファイルを含むディレクトリ/フォルダ全体の変更を監視する方法。

csssassbuild-processwatch
66
Ankit

単にコマンドsass --watch <input folder>:<output folder>、 このような：

$ ls -l
css/ sass/
$ sass --watch sass:css

どこ <input folder>にはSassファイルと<output folder>生成されたCSSファイルをホストします。

85
piouPiouM

PiouPiouMによる回答を少し拡大します。

  • 出力ファイルは、.cssで終わることを除いて、入力ファイルと同じ名前で作成されます。
  • <input folder>と<output folder>は同じにすることができます。

  • 両方のフォルダが現在の作業ディレクトリになる可能性があるため、以下が有効です。

    $ sass --watch .:.

27
Gary Robertson

私はGruntやSass-watchを使わずにこれをやった：

npm install -g watch
watch "sass assets/app.scss assets/dist/app.css" assets/css
9
matsko

あなたのターミナルに行き、あなたのフォルダに行き、そして書いた：

 sass --watch .

これにより、すべてのsassファイルが監視され、同じ名前のcssファイルに変換されます。また、あなたはこの方法でそれを行うことができます：

sass --watch ~/user/youUser/workspace/project/styles/

これがあなたのお役に立てば幸いです。

8
DaCrAn

現在のフォルダーにいる場合は、以下を実行して視聴してください。

F:\sass tutorial>sass --watch ./:./
3
saransh mehra

残りのファイルを含む1つのsassファイルを作成し、このファイルを監視できます。

または、 Grunt および非常に優れた grunt-contrib-compass プラグインを調べます

1
kumarharsh

情報によると、次のコマンドラインを使用できます。

sass --watch .

ソース： http://sassbreak.com/watch-your-sass/#what-does---watch-do

1
Moises Portillo

2018年に誰かがこの問題に直面した場合に備えて：
sassウェブサイトは Ruby Sass でした 廃止予定 です。そして今（2018年5月）Dart sassをnpmでインストールした場合、 --watchコマンド

対処方法：
インストールする必要があるnode-sass globaly、次のように：

npm install node-sass -g

そして、コマンドラインを再起動し、次のコードを使用します：

node-sass --watch scss/styles.scss css/styles.css

scassファイルをcssにコンパイルします。
基本的にnode-sassは--watchコマンドを使用し、それを使用してscssコードを通常のcssファイルにコンパイルします。

.scssファイルを初めて保存したときに次のようなエラーが発生した場合に備えて：

{
  "status": 3,
  "message": "File to read not found or unreadable: yourdirectory/scss/styles.scss",
  "formatted": "Internal Error: File to read not found or unreadable: yourdirectory/scss/styles.scss\n"
}

あなたがする必要があるのは、それを再び保存することです、それは正しく動作します！

1
a_m_dev