blog-technica

Sassで複数のファイルを監視してコンパイルする

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]