用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文件(这也将提高稍后for服务器的性能，因为样式表只有一个http请求)

Answer 2

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

1. 安装Live Sass编译器liveSass.command.oneTimeCompileSass

liveSassCompile.settings.excludeList以排除某些文件夹或文件(适用于工作区或liveSass.command.oneTimeCompileSass键盘快捷键

通过这种方式，sass会按需编译，不包括我不想编译的文件。

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