实时 sass 编译器未生成 css 文件

Question

我在vsCode中使用实时 sass 编译器扩展，然后生成css在我保存main.scss文件之前对我不起作用。

例如有一个项目包含这个目录

+style
 - style.css
 - main.scss
 - dashboard (folder)
  --_sidebar.scss

+index.html

如果在_sidebar.scss中发生了变化，什么也没有发生，但是我保存了 main.scss文件并生成了。

它总是一样的，每次我使用实时 sass 编译器时，更改 SCSS 文件都会让我感到厌烦，然后再次保存main.scss只是为了生成 CSS 文件。

我将setting.json中的实时 sass 编译器设置更改为：

"liveSassCompile.settings.formats": [
    {
      "format": "compressed",
      "extensionName": ".css",
      "savePath": "~/../style",
      "savePathSegmentKeys": null,
      "savePathReplaceSegmentsWith": null
    }
  ]

但它会在我电脑的任何文件夹中生成所有 SCSS 文件，我不知道如何修复它。

每次在任何 SCSS 文件中发生更改时，我都想生成 CSS 文件

Answer 1

只是为了让您知道，我维护的 fork支持多根工作区。 如果你安装它，你可以保持你的设置/结构相同，它会正常工作

Answer 2

只需将 settings.json 中的代码更改为以下代码：

{
"liveSassCompile.settings.formats": [
  {
    "format": "expanded",
    "extensionName": ".css",
    "savePath": "/css"
  },
  {
    "format": "compressed",
    "extensionName": ".min.css",
    "savePath": "/css"
  }
],
"liveSassCompile.settings.excludeList": ["**/node_modules/**", ".vscode/**"],
"liveSassCompile.settings.generateMap": true,
"liveSassCompile.settings.autoprefix": ["> 1%", "last 2 versions"]

}