live sass编译器不生成css文件

dpiehjr4  于 2023-02-01  发布在  其他
关注(0)|答案(2)|浏览(202)

我在vsCode中使用live sass编译器扩展,然后生成css不起作用,直到我保存main.scss文件。
例如,让一个项目包含此目录

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

+index.html

如果在**_sidebar.scss中发生了更改,则不会发生任何更改,但随后我保存了main.scss文件并生成了该文件。
它总是相同的,每次我使用
live sass编译器无聊我当改变SCSS文件,然后再次保存main.scss只是为了生成CSS文件。
我将
setting.json**中的实时sass编译器设置更改为:

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

但它在我的计算机中的任何文件夹中生成所有SCSS文件,我不知道如何修复它。
我想生成CSS文件时,每次发生变化的任何SCSS文件

9nvpjoqh

9nvpjoqh1#

只是让你知道,my maintained fork支持多根工作区。如果你安装了它,你可以保持你的设置/结构相同,它将只是工作

yacmzcpb

yacmzcpb2#

只需将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"]

}

相关问题