DartSassの環境構築方法

はじめに

CSSの記述方法のひとつであるSassですが、LibSassが非推奨となりRuby Sassもサポートが終了してしまったため、
現在推奨されているDartSassの環境構築方法について共有します。

node.jsのインストール

DartSassを使用するためには、node.jsが必要となります。
下記記事でインストール方法について解説してますので、参照ください。
https://underdog-engineer.com/node-js/

DartSass をインストール

PowerShellを起動して下記コマンドを入力して実行してください。

npm install -g sass

下記コマンドを実行してバージョンが表示されれば成功です。

sass --version

Sassの実行

実行にはPowerShellでscssファイルがある階層まで行き下記コマンドを実行してください。

sass --watch style.scss:style.css

これを実行すると自動でscssファイルを監視し、保存したタイミングでcssが吐き出されます。

終了する際は Ctrt + C でストップします。