使用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