Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Install with npm: Follow the below steps to install Bootstrap and Jquery Dependencies
npm i --save-dev webpack webpack-cli webpack-dev-server
npm i --save bootstrap @popperjs/core
npm i --save-dev autoprefixer css-loader postcss-loader sass sass-loader style-loader
npm install --save jquery
Note
Once Above given four commands are added, then need to start the project with NPM Scripts
NPM package.json scripts are a convenient and useful means to run locally installed binaries without having to be concerned about their full paths. Simply Already define a script in Package.json file
Run the Below Command to Start the project, this command will watch your file whatever you make the changes and it will save the changes in output folder
To Run the Project
npm run watch
To Make the Project as Production
npm run production
To Make the Project as Build, as Optimization file
npm run build
We welcome your contributions!
This project is heavily inspired by Kapil Goshaliya.