Compiles .scss files using Dart SASS Compiler to css and minified css.
The plugin gets activated when .scss files are opened and saved.
It uses the Dart/JS Sass Compiler to generate the .css and .min.css files automatically for the given .scss file in the editor.
By default, the Dart/JS compiler gets activated with every save of the current editor file.
If that is too aggressive, see
You can install altoscode.quiksass from the VSCode Marketplace as appropriate.
This VSCode extension is released under MIT license.
QuikSass: Compile Current File
( Shortcut: Ctrl + Shift + L )
Compiles the current scss file in the active editor to .css and .min.css file as appropriate.
QuikSass: Sass Compiler Version
( Shortcut: Ctrl + Shift + Q )
Prints out the current sass compiler version being used.
This extension contributes the following settings:
Check Dart implementation of SASS for more details.
It does not depend on
It automatically imports node-sass-package-importer as well.
So it is possible to use the following the import notation in the scss files.
Assume, we define a dependency in package.json as below (say, sass-mq).
We should pull the npm modules in the
The above command will pull the node modules from npm to
Then, we can import the package,
The plugin will include the modules defined in
By default, it looks for packages in
To customize the same, check
See CHANGELOG for more details.