It can be used for simple compilation/compression of scss files without installing various front-end engineering tools (webpack, etc.).
For small projects, various engineering tools such as webpack are too heavy and cumbersome to configure. And a lot of modules have to be installed.
Sometimes, we just want to simply use the convenience brought by scss. So for this purpose, I wrote a vsc plug-in, which can be automatically compiled into a css file (stored in the current directory by default) when the scss file is saved, and the browser prefix is automatically completed.
Some configuration can be set, which it works better for you。
compileOnSave: Auto compile on document saved, default
autoPrefixer: Will autoprefixer. It can be run faster when turn off. default
output: Output style. default
exclude: The RegExp of path what you can to ignore(the
var.scss file will never be compiled)。
This extension work well on all os. If any problem please let me known issue
node-sass(Deprecated in 3.1.0) instead of
sass instead. No need to install node-sass globally
node-sass, You need to install this module manually. Maybe
root is required on linux.
scss-to-css and install in the marketplace.
.browserslistrc DEMO (Deprecated in 2.x)
Just for demo, you can change it by youself. If not exists, the default value will be
last 2 version.
ie > 9
iOS > 8
Android >= 4.4
ff > 38
Chrome > 38
.scssrc DEMO (in 2.x or above)
instead of using
.browserslistrc, we recommend to use
"browsers": ["ie > 9", "iOS > 8", "Android >= 4.4", "ff > 38", "Chrome > 38"],
"outdir": "dist" // relative path of this '.scssrc' file.
// You can also set other config in this file.
// eg. compileOnSave,autoPrefixer,output,exclude