default configuration for live sass compiler in vs code

astr0n0mer answered on June 2, 2023 Popularity 9/10 Helpfulness 5/10

answer default configuration for live sass compiler in vs code

default configuration for live sass compiler in vs code

Comment

Create a .vscode folder in the root of project. Inside of .vscode folder create a json file named settings.json. Inside of the settings.json, type following key-value pairs.

{
     "liveSassCompile.settings.formats":[
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "/css"
        },
        {
            "extensionName": ".min.css",
            "format": "compressed",
            "savePath": "/dist/css"
        }
    ],
    "liveSassCompile.settings.excludeList": [
       "**/node_modules/**",
       ".vscode/**"
    ],
    "liveSassCompile.settings.generateMap": true,
    "liveSassCompile.settings.autoprefix": [
        "> 1%",
        "last 2 versions"
    ]
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: ritwickdey.github.io

Tags: configuration default javascript live-sass-compiler

Link to this answer
Share Copy Link