Sassに乗り換えました。グローバルスコープの@import文が廃止になり(CSSのimportをサポートするため)、ファイルスコープの@use文が登場するなど手直しが必要でしたが、以前と殆ど変わらない環境を構築することができました。SassのコンパイルにはGulpやWebpackなどの方法がありますが、今回はNode.jsのnpm-scriptsを使用した方法を紹介します。パッケージ一式をインストールする必要なパッケージ今回はコンパイル時に自動でベンダープレフィックスを付与したいので、autoprefixerとCSSパーサーであるpostcss(とコマンドラインツールのpoctcss-cli)も一緒にインストールします。initし、package.jsonを作成します。今回は『dart_sass_compiler』というプロジェクト名で作成します。package.jsonのscripts欄に、以下のようなscriptを追加します。css/style.css"}watchオプションを使用してscssフォルダを監視し、変更があればcssフォルダにexpanded形式で出力します。その際postcssを使用してautoprefixerでベンダープレフィックスを付与したCSSを作成し同名のファイルとして保存する。watchオプションを使用する場合はフォルダの指定のみで動きますが、都度コンパイルする場合はscss/style.scss:css/style.cssのようにファイルの指定が必要なようです。autoprefixerを使用するためpostcssにファイル名を渡す必要があるのですが、上記scriptではCSSのファイル名をstyle.cssに固定しています。対象のファイルが存在しないとエラーになるのでここは都度書き換えてください。コンパイルターミナルでプロジェクトのルートフォルダに移動し以下のように入力するとフォルダの自動監視が始まります。css/style.cssコンパイル時にメッセージは表示されませんが、エラーが発生するとエラーになっている箇所が表示されます。監視を終了する際はCtrl(command)+Cでプロセスを終了させます。