Styles should be edited only in the scss
folder after editing the styles should be compiled to css and prefixed with autoprefixer for browsers compatibility.
- Installing SASS
npm install -g sass
- Watching changes in scss files and updating
style.css
filessass --watch scss:css
- Prepare for production:
sass scss/style.scss:css/style.min.css --style=compressed
- Installing postcss and autoprefixer
npm install -g postcss-cli autoprefixer
- Executing autoprefixer on css file
style.scs
with the commandpostcss style.css --replace --use autoprefixer
. It will update the existing css file with necessary prefixes.
- Installing SASS
npm install -g minify
- Minify the js file
minify js/script.js > js/script.min.js