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

Question

我有以下文件夹结构:

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

当我使用live sass编译器来watchscss文件时，它会生成2个文件，例如button.css和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"
        }
    ]
}

我该怎么做？

Answer 1

在setting.json

中

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

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