scss-to-css
The easiest way to compile scss file to css without using other tools like webpack
. And autoprefixer at the same time.

README_䏿–‡
Live demo:

Why Scss-to-css
For some small project or teaching speech. It's too fat to deploy a webpack env.
Now, scss-to-css
help us to compile scss file to css file at a none webpack project and autoprefixer.
Configuration
Some configuration can be set, which it works better for you。
compileOnSave
: Auto compile on document saved, default true
autoPrefixer
: Will autoprefixer. It can be run faster when turn off. default true
output
: Output style. default compressed
。
exclude
: The RegExp of path what you can to ignore(the var.scss file
will never be compiled)。
Issues
This extension work well on all os. If any problem please let me known issue
Dependencies
We use node-sass
instead of libsass
node-sass
, You need to install this module manually. Maybe root
is required on linux.
Installation
Search 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 .scssrc
.
{
"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