<![CDATA[
npm init
]]>
Give all related information then click enter to create package
Install Sass:
<![CDATA[
npm install --save-dev sass
]]>
Install Bootstrap:
<![CDATA[
npm install bootstrap --save
]]>
Install Fontawesome:
<![CDATA[
npm install --save @fortawesome/fontawesome-free
]]>
Install AutoPrefixer:
<![CDATA[
npm install autoprefixer --save
npm install postcss-cli autoprefixer --save
]]>
Change Script in package:
From:
<![CDATA[
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
]]>
To:
<![CDATA[
"scripts": {
"compile:sass": "sass scss:assets/css"
},
]]>
Before Run the below script create folder "scss" in your project and create a file called "style.scss" inside the folder then run.
Run Script:
<![CDATA[
npm run compile:sass
]]>
See changed real time changes for that change script to watch:
<![CDATA[
"scripts": {
"compile:sass": "sass --watch scss:assets/css"
},
]]>
