npmでSassをコンパイルしてCSS出力

前提

nodeJSがWindowsにインストールしてあること
環境変数に設定してあること

導入

npm init -y

以下、実行結果

package.json

{
  "name": "sample2023",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

npmパッケージを追加

package.json に追加されます

npm install sass --save-dev

ファイルの変更を監視する

npx sass --watch src/sass/:dist/css/

ファイルを変更したとき、毎回コンパイルのコマンドを実行するのは大変です。
そんなときは、ファイルの変更を監視して、自動的にコンパイルされるようにしておくと便利です