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

Question

I have around 50 scss files in folder /scss. When im editing them i need compile it to one style.css with is in root. What exactly i have to add to settings?

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

This not works

I need this:

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

The extension is not a packing tool. You need a style.scss file that imports all of your files. Something like the below

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

Alternatively, see if webpack can be used