xxxxxxxxxx
// for global use
npm install -g sass
// package.json
"scripts": {
"compile:sass": "sass ./style.scss ./style.css -w"
}
npm run complie:sass
xxxxxxxxxx
// Initialization
npm init -y
// Dev Dependencies sass & node-sass
npm i -d sass node-sass
// Add this into your package.json file, inside "scripts":
// SASS
"watch": "sass --watch --update ./src/sass/style.sass ./src/css/style.css",
// SCSS
"watch": "sass --watch --update ./src/scss/style.scss ./src/css/style.css",
// Run watch
npm run watch
xxxxxxxxxx
#compiles a single file manually.
node-sass my-styles.scss my-styles.css
#compiles all the files in a folder manually.
node-sass my-sass-folder/ -o my-css-folder/
# compiles all the files in a folder automatically
#whenever the source file(s) are modified. -w adds
#a watch for changes to the file(s).
node-sass -w sass/ -o css/
xxxxxxxxxx
var sass = require('node-sass');
sass.render({
file: scss_filename,
[, options..]
}, function(err, result) { /*...*/ });
// OR
var result = sass.renderSync({
data: scss_content
[, options..]
});