012-Feature-Creating a distribution folder by Minifying and Bundling JS and CSS

[rashi-bhansali]

• The final folder structure should be ├── /dist (distribution folder for deployment) ├── /src (source folder for your working files)
  • ├── /styles (raw CSS files)
  • ├── /js (raw JavaScript files)
  • ├── /images (images and other assets)
  • ├── index.html (your main HTML file)
• Minify the JS and CSS files using Terser and CSSNano respective
• Bundle the JS, CSS and index.html files using Webpack/Rollup
• Move the bundle into the dist/ folder
• webpack.config.js (or Rollup equivalent) can be created to automate the process of creating a dist folder.