【VSCode】Live Sass CompilerでCSSファイルをScssファイルと同階層に自動でコンパイルする方法

03/20/2022

VScode

今回は以下の画像のように、VSCodeのLive Sass CompilerでCSSファイルをScssファイルと同階層に自動でコンパイルする方法について。

やり方は簡単で、以下のコードをsetting.jsonファイルに追記したらOKです。

"liveSassCompile.settings.formats": [
   {
     "format": "expanded",
     "extensionName": ".css",
     "savePath": "/css"
   }
],

追記することで、Scssファイルと同階層にCSSファイルが自動で作成され、CSSを追記すると自動でコンパイルされるようになります。

Scssファイルと最終的にコンパイルされるCSSファイルを別に設けたい時に便利ですね。