SASS/SCSS compiler

sass-compiler is an extension for the code editor CodeTasty that adds automatic compilation of SASS files upon saving.

Configuration

There are 2 methods to configure the extension.

1, Configuration file

Create or edit codetasty.json file in workspace root.

{
    "extension": {
        "sass-compiler": {
            "files": {
                "watch": [
                    "less/*.sass"
                ]
                "source": "less/app.sass",
                "output": "build/app.css"
            }
        }
    }
}

files

Type: Array|Object

Can be also array to compile multiple files.

files.watch

Type: Array, Required

List of files to watch. Can include asterisk (*) to match any file name.

files.source

Type: String, Required

Source file that should be compiled.

files.output

Type: String, Required

Destination where the compiled output is saved.

files.style

Type: String, Default: compressed

Sets output format.

Options: style, nested, expanded, compact, compressed

files.plugin

Type: String|Array

Injects plugin, must be installed (e.g. "css-autoprefixer").

2, Inline comment

Compile options can be set in the first line of the edited file, separated by comma.

// out: ../css/style.css, compress: true

out

Type: String, Required

Sets output file.

// out: ., app.css, ../style.css
// . - same path with css extension
// something.less - will compile this file instead

style

Type: String, Default: compressed

Sets output format.

// style: nested, expanded, compact, compressed

plugin

Type: String, Default: null

Injects plugin, must be installed.

// plugin: css-autoprefixer