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

Question

我在 /scss 文件夹中有大约 50 个 scss 文件。当我编辑它们时，我需要将其编译为 root 中的一个 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