Css 如何更改sass输出目录？

我有以下文件夹结构：

sass/main.sass

css/main.css

js/...

img/...

---

我希望sass输出转到css文件夹，但每次运行sass watcher时，它都会在sass文件中的sass目录中创建一个新的css文件。

Thx了解有关在VS代码中使用“Live sass编译器”的信息

要为项目设置特殊的otuput路径，您需要将输出路径的设置添加到项目的

settigns.json

：

文件：`projectDIR/.vscode/settings.json'

将保存路径设置为输出目录的示例：

"settings": {


    // output: generate files to ...
    // ~ = path starts relative from scss-file
    "liveSassCompile.settings.formats":[
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "~/../assets"
        },
        // ad a compressed version
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "~/../assets"
        }

        // optional: add more outputs ...

    ], 

}

另请参见web中的官方示例：

---

附加提示：
“实时SASS编译器”的版本可能已过时

实际使用的commmon扩展名

livesass编译器

不再受支持（已有多年）。它使用过时的SASS版本。该版本不支持最新的功能，如

@use

。如果作者是“Ritwick Dey”，则使用该过时版本

但是有一个由Glenn Marks构建的名为“Live SASS编译器”的活动受支持的fork。作为fork，它的工作方式相同，设置几乎相同。或者，您可以使用另一个实际的编译器，该编译器速度更快，因为您可以在系统上使用直接安装的SASS版本。在这种情况下，您需要更改项目的设置

您可以在此处找到有关的信息：

---

---

更新：更正受支持扩展“Live SASS编译器”的作者姓名，以更正扩展的标识。

看看这个答案：顺便问一下，您是如何编译的。您使用什么编译器？原始SASS（仅终端）？或者通过包/节点/编辑器包含的编译器？@Brebber我在VS代码中使用了一个名为Live Sass编译器的扩展。