SCSSファイルを保存時に自動でコンパイルし、コンパイルエラーを表示するための設定ファイルの具体例

VS CODE

2024.12.26

VSC 拡張機能 Live sass Compiler 設定

{
  "liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "/css"
    }
  ],
  "liveSassCompile.settings.generateMap": true,
  "liveSassCompile.settings.autoprefix": [
    "> 1%",
    "last 2 versions"
  ],
  "liveSassCompile.settings.showOutputWindow": true,
  "scss.validate": true
}