scss-to-css

yutent

|
4,481 installs
|
6,681 downloads
| (3) | Free
🔥 The easiest way to compile scss file to css. And autoprefixer at the same time.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

scss-to-css

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

Version Rating Installs Build Status

README_中文

Live demo: 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

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