备注

Question

我尝试用Visual Code编译几个.scss文件。

我试过

{
    "version": "0.1.0",
    "command": "sass",
    "isShellCommand": true,
    "tasks" : [
        {   
            "taskName": "Turquoise.scss",
            "args": ["css/colors/turquoise.scss", "css/colors/turquoise.css"]
        },
        {
            "taskName": "Styles.scss",
            "args": ["css/styles.scss", "css/styles.css"]
        }
    ]
}

在tasks.json文件中。

但它不起作用。错误是“没有可配置的生成任务”......

我的问题：如何编译多个.scss文件（没有gulp，npm等）

备注

使用

{
    "version": "0.1.0",
    "command": "sass",
    "isShellCommand": true,
    "args": ["css/colors/turquoise.scss", "css/colors/turquoise.css"]
}

它有效。我只想对几个文件做同样的事情。

Answer 1

只需创建一个由Visual Code编译的main.scss文件，然后导入所有其他样式表。然后你将拥有任意数量的scss文件，但只有一个已编译的scc文件（这也将提高你的web服务器的性能，因为样式表只有一个http请求）

Answer 2

这不是直接答案，但我实现了我认为你想要的东西：

安装Live Sass编译器扩展
设置liveSassCompile.settings.excludeList以排除某些文件夹或文件（适用于工作区或全局）
设置liveSass.command.oneTimeCompileSass

这样sass按需编译，不包括我不想编译的文件。

Live Sass编译器：https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

使用Visual Studio Code编译几个.scss文件

备注

2 个答案: