他の .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/ ディレクトリにコンパイルされます。
あなたの助けを願っています!