How to make autosave in vs code for all sass files?

Question

Sass

Until recently, I used php shtorm, and there was a function that when you work with sass and import, for example, header.sass into main.sass, and then change something in the header, you don’t need to save both the header and main, but only the header. Is there a way to do this in VS Code (using the sass auto compiler plugin?

Answer 1

Here is my settings.json

{
    "files.autoSaveDelay": 5000
    "liveSassCompile.settings.formats": [
        {
            "extensionName": ".css",
            "format": "expanded",
            "savePath": "/dist"
        }
    ],
    "liveSassCompile.settings.includeItems": [
        "src/milligram.sass"
    ],
}

"files.autoSaveDelay": 5000 - automatically save files every 5 seconds; doc
"liveSassCompile.settings.formats": "savePath": "/dist" - save the finished .css to /dist
"liveSassCompile.settings.includeItems": "src/milligram.sass" - monitor and compile only the milligram.sass file in the /src folder. doc