如何更改 sass 输出目录？

Question

我有这个文件夹结构：

sass/main.sass

css/main.css

js/...

img/...

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

Answer 1

感谢有关在 VS Code 中使用 'Live SASS Compiler' 的信息。

要为您的项目设置特殊的输出路径，您需要将输出路径设置添加到您项目的 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 ...

    ], 

}

另请参见网络中的官方示例：https://github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings.md

补充提示：
版本关闭 'LIVE SASS COMPILER' 可能已过时

不再支持实际常用的扩展 Live Sass Compiler（多年来）。它使用过时的 SASS 版本。该版本不支持 @use 等最新功能。如果作者是 'Ritwick Dey'.

，则使用那个过时的版本

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

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

更新： 更正支持扩展的作者姓名 'Live SASS Compiler' 以更正扩展的标识。

如何更改 sass 输出目录？

How do I change sass output directory?

css

directory

sass