「DartJS Sass Compiler and Sass Watcher」のインストール・初期設定

DartJS Sass Compiler and Sass Watcherの基本的な使い方

DartJS Sass Compiler and Sass Watcherを使ってSassをコンパイルする方法は本当に簡単で、変更を保存するだけでCSSファイルとCSSマップが自動生成される。「Live Sass Compiler」から乗り替えたら「あれっ?」という感じだ。

以下は、最低限設定しておくと良いかなという項目。

コンパイルの出力先を変更する方法

プラグインの設定は、歯車のアイコンを右クリックし「拡張機能の設定」からできる。

拡張機能の設定画面が表示される。

一番下までスクロールしていくと「Target Directory」というコンパイルの出力先を設定する項目がある。デフォルトは空欄になっているので任意のパスを書く。以下のように設定した場合は、CSSフォルダとその中にCSSファイルが自動生成される。

ファイルの出力形式を変更する方法

デフォルトでは、min.css(圧縮ファイル)も出力されるようになっているので、不要な場合は「Output Format」の設定を「both」から「cssonly」に変更する。

さいごに

途中からプラグインを変えた場合は、@importから@useに変更するのも忘れずに。