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

标签 sass visual-studio-code

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

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

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

enter image description here

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

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

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

最佳答案

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

enter image description here

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

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

enter image description here

关于sass - 如何在 windows10 中使用 `vscode live sass compiler extension` 设置编译后的 css 文件的输出路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51696892/

相关文章:

Angular 2 中的 Sass 和 webpack 不工作

ruby-on-rails - 在 Sass 中访问 Rails.env

mixin 中的 CSS 函数 - 灰度

html - 使用 ui-sref 和内部元素处理点击

json - VSCode调试中的顺序启动

c++ - 尝试使用 boost 和 ncurses 库编译程序时出现错误

ruby-on-rails - 使用没有 "compass watch"的 compass 在 rails 中运行 sourcemaps/auto-reload

c# - 在 vscode 中使用 TFS 时如何排除文件夹?

node.js - NativeBase 设置/安装错误

typescript - JSDoc 中 Google Apps 脚本在线与本地的类型表示法不兼容