visual-studio-code - 如何将live sass编译器的路径设置为VsCode中的当前路径

Question

我有以下文件夹结构：

-src
  -component
    -button
      -button.js 
      -button.scss
    -dropdown
      -dropdown.js
      -dropdown.scss

当我使用live sass compilerscsswatch文件时，它会生成 2 个文件，例如button.cssand button.css.map，但不会在同一路径中生成。

我希望在相同的路径中生成这些生成的文件，如下所示：

-src
  -component
    -button
      -button.js 
      -button.scss
      -button.css
      -button.css.map
    -dropdown
      -dropdown.js
      -dropdown.scss
      -dropdown.css
      -dropdown.css.map

在setting.json

{
    "editor.wordWrap": "on",
    "workbench.iconTheme": "eq-material-theme-icons",
    "liveSassCompile.settings.formats": [

        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "/dist/css"
        }
    ]
}

我该怎么做？

标签： visual-studio-codesass

Answer 1

在setting.json

{
    "editor.wordWrap": "on",
    "workbench.iconTheme": "eq-material-theme-icons",
    "liveSassCompile.settings.formats": [

        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": null
        }
    ]
}