sass - 如何在 windows10 中使用 `vscode live sass compiler extension` 设置编译后的 css 文件的输出路径？

Question

我运行失败 node-sass (节点模块)，我可以在其中设置输入路径 extensions.scss编译成dist/后生成的文件和输出文件文件夹。

现在，我正在使用 vscode 扩展 live sass compiler ,

在底部栏，当我点击 Watched Sass然后自动编译scss文件到 css但在同一个文件夹中。
main.scss编译为 main.css .



问题是我想创建 compiled css其他文件夹中的文件.即在输出文件夹中 ./dist/ .

我手动创建了main.css文件在 ./dist/folder .

如何在该扩展中设置源文件和目标文件的路径？

Answer 1

当我开始在我的项目中实现 SMACSS 方法时，我遇到了同样的问题。这是我尝试过的解决方案。希望它会帮助你。



转到VScode用户设置->选择“Live Sass编译器配置->添加

"liveSassCompile.settings.formats": [{
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "./css"
    }]