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

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

那不是直接的答案，但是我通过以下方式实现了我认为您想要的：

1. 安装Live Sass Compiler扩展
2. 设置liveSassCompile.settings.excludeList以排除某些文件夹或文件（用于工作空间或全局）
3. 设置liveSass.command.oneTimeCompileSass键盘快捷键

这样一来，sass可以按需进行编译，但不包括我不想编译的文件。

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