如何使用 Live Sass 编译器将所有 scss 编译为 style.css？

Question

我在文件夹 /scss 中有大约 50 个 scss 文件。 当我编辑它们时，我需要将它编译成一个 style.css，它位于根目录中。 我到底要添加什么设置？

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

这不起作用

我需要这个：

Answer 1

 "liveSassCompile.settings.formats":[
    // This is Default.
    {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": null
    },
    // You can add more
    {
        "format": "compressed",
        "extensionName": ".min.css",
        "savePath": "/dist/css"
    },
    // More Complex
    {
        "format": "compressed",
        "extensionName": ".min.css",
        "savePath": "~/../css/"
    }
]

Answer 2

扩展程序不是打包工具。 您需要一个style.scss文件来导入所有文件。 类似下面的东西

@import './path/file1.scss';
@import './path/file2.scss';
@import './path/file3.scss';

或者，看看是否可以使用webpack