今まではgulpを使ってきたのですが、最近はnpm-scriptsが流行りつつあります。 というのも、gulpだとどうしてもパッケージを大量に管理する必要があったり、gulpfile.jsがかなり複雑になりがちです。 package.jsonにある程度まとめて記述することで、管理するファイルも少なくなり、開発環境もシンプルになります。 今回はそんなnpm-scriptsで、SCSSのコンパイル方法についてまとめておきます。 npm scriptsを使う準備gulpを使ったことがある人であれば問題ありませんが、npmを使う必要があるのでNode.jsをインストールしている必要があります。 過去にいくつか記事にしているので、まだインストールしていない人はそちらを参考にインストールしてください。 現時点では、nodenvを使ってインストールするのをオススメしています。
![npm-scriptsでSCSSをコンパイルする環境を構築する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/f629a27f35ad76691af44099396888a087da5965/height=288;version=1;width=512/https%3A%2F%2Fwebrandum.net%2Fmskz%2Fwp-content%2Fuploads%2F2020%2F07%2Feyecatch-10.jpg)