7

他の .scss ファイルから多くのインポートを含む master.scss があります。* .scss ファイルを変更すると、master.css が自動的に生成されます。

私は NPM のみを使用し、Gulp や Grunt は使用しません! これはそのままでいい。

私の現在のビルドスクリプト:

"scripts": {
  "watch-sass": "sass --watch src/scss/master.scss:dist/css/master.css"
}

それは素晴らしいことですが、コンパイルに時間がかかります!

今、 node-sassを使おうとしています。非常に高速にコンパイルされるはずです。残念ながら、私はそれを完全には理解していません... node-sassがインストールされています。npm install node-sass

以下をどこで使用しますか (ドキュメントから)。

var sass = require('node-sass');
sass.render({
  file: scss_filename,
  [, options..]
}, function(err, result) { /*...*/ });
// OR
var result = sass.renderSync({
  data: scss_content
  [, options..]
});

ではそうではありませんpackage.jsonよね?

ここに私が読んだチュートリアルがあります: Using NPM as a Task Runner

スクリプトは良いです。どのように使用できますか?

"scripts": {
  "sass": "node-sass sass/ -o build/css/"
}

これにより、すべての sass ファイル (アンダースコアで始まらないもの) が build/css/ ディレクトリにコンパイルされます。

あなたの助けを願っています!

4

3 に答える 3