How to compile all scss to style.css with Live Sass Compiler?

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:

score 0 · Answer 1 · answered Mar 08 '22 at 10:40

0

 "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/"
    }
]

answered Mar 08 '22 at 10:40

Nasim Shabo

1

please explain your code – alfianrehanusa Mar 08 '22 at 10:44
I found it generate css here: \scss\style.css but i need it in root not in scss folder. Also i dont understand why its not minificated. – klvb Mar 08 '22 at 11:04

score 0 · Answer 2 · answered Jul 20 '22 at 21:31

0

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

answered Jul 20 '22 at 21:31

glenn223

238
1
4
16

How to compile all scss to style.css with Live Sass Compiler?

2 Answers2