easy-compile README

Easily work with LESS/SASS/SCSS/TYPESCRIPT files in Visual Studio Code.

"Compile-on-save" for LESS/SASS/SCSS/TypeScript files without using a build task.

Features

• Compile TypeScript and Less/Sass/Scss on save
• Support autoprefixer for Less/Sass/Scss
• Support mearge all media queries
• Support inline setting (Only for Complie)
• minify .js and .css files

Usage

Complie

For TypeScript, Only compile after you setup outfile or outdir.

Minify

Run Command "Minify - Easy Complie" to minify files

Extension Settings

Settting

easycompile.sass {}

easycompile.less {}

easycompile.typescript {}

easycompile.css {}

easycompile.js {}

Inline Setting (Only work for Complie)

• Settings can also be specified per file as a comment on the first line.

• Settings are comma-separated and strings are not "quoted".

• Example:

  // out: ../dist/app.css, compress: true, sourceMap: false, autoprefixer: last 5 versions, groupmedia: true
  
  body, html {
      ...
  }

  // outdir: ../../
  
  import * ...
  ...

Tips

You can set "groupmedia: true" for Less/Sass/Scss, to mearge all media queries

---

Acknowledgements

• Configuration concepts borrowed from mrcrowl's vscode-easy-less.

Enjoy!