Installation and setup process of SASS and scss | YourSite

Installation and setup process of SASS and scss

Web Development • 273 views

npm init
Give all related information then click enter to create package Install Sass:

npm install --save-dev sass
Install Bootstrap:

npm install bootstrap --save
Install Fontawesome:

npm install --save @fortawesome/fontawesome-free
Install AutoPrefixer:

npm install autoprefixer --save
npm install postcss-cli autoprefixer --save
Change Script in package: From:

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
To:

  "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:

npm run compile:sass
See changed real time changes for that change script to watch:

 "scripts": {
    "compile:sass": "sass --watch scss:assets/css"
  },

🚀 More Blogs You Might Like

Explore more articles and keep learning

Earthquake Activity Near Kolkata, India — Latest Update (27 Feb 2026)
miscellaneous
Earthquake Activity Near Kolkata, India — Latest Update (27 Feb 2026)

Earthquake Activity Near Kolkata, India — Latest Update (27 Feb 2026)...

👁 69 2026-02-27
Read More →
আসক্তির শৃঙ্খলে আটকে যাওয়া: ডিজিটাল আসক্তির বাস্তব চিত্র
youth-society
আসক্তির শৃঙ্খলে আটকে যাওয়া: ডিজিটাল আসক্তির বাস্তব চিত্র

আসক্তির শৃঙ্খলে আটকে যাওয়া: ডিজিটাল আসক্�...

👁 87 2025-12-29
Read More →
How Many Emotional States Can a Human Experience?
life-lesson
How Many Emotional States Can a Human Experience?

How Many Emotional States Can a Human Experience?...

👁 139 2025-12-14
Read More →