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';