Sassで複数のファイルを監視してコンパイルする
2022.05.26
package.jsonに以下のように記述します。
{
"name": "hoge",
"version": "1.0.0",
...
"scripts": {
"compile:sass": "sass --watch style.scss:style.css editor-style.scss:editor-style.css"
}
}
その後、yarn run compile:sass
と実行すると、style.scssとeditor-style.scssを監視して自動的にコンパイルしてくれます。
以下のように記述することで、複数のファイルを指定できるところがポイントです。
% sass [INPUT1]:[OUTPUT1] [INPUT2]:[OUTPUT2]