Frontend Essential npm Commands

Share Now

Share on facebook
Share on pinterest
Share on twitter
Share on linkedin
Share on email

Needed packages
1. Initialize Project
2. Bootstrap
3. Fontawesome
4. Autoprefixer

npm init
npm install --save-dev sass
npm install bootstrap --save
npm install --save @fortawesome/fontawesome-free
npm install postcss-cli autoprefixer --save

What is Autoprefixer
Autoprefixer is a CSS post-processor. It combs through compiled CSS files to add or remove vendor prefixes like -webkit and -moz after checking the code against caniuse.com. The data on caniuse.com is the most accurate data source on browser support on the internet, be it HTML5, CSS or Javascript.

Fobtawesome SCSS

@use '../node_modules/@fortawesome/fontawesome-free/scss/brands.scss';
@use '../node_modules/@fortawesome/fontawesome-free/scss/regular.scss';
@use '../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss';
@use '../node_modules/@fortawesome/fontawesome-free/scss/solid.scss';
Nahid Mahamud

Nahid Mahamud

Web Developer | Graphic Designer | WordPress & Woo-commerce Expert