webpack-demo-app
🏗Working with Webpack. Using it in both dev and production mode, with bundling and minimization of HTML, SASS and JS files. This demo app is deployed with Netlify.
Stars
0
Ecosystems:
JavaScript
Working with Webpack
Simple app to understand the way Webpack works and how to use it.
I know this looks ugly! :)
You can check out this app here.
Development mode
- Run
npm startfrom the terminal. - This command will directly open up the browser at
localhostwhere you can see the app running! - This will keep the app running, like a hot reload where the changes you make are rendered instantly, without having to give
npm startrepetetively. - To exit from dev mode,
cmd+corctrl+cat the terminal will do the trick!
Production mode
- Run
npm run buildfrom the terminal. - This will minify all the files: HTML, CSS and JS files.
There are seperate bundle files for code written by me for the app and code from vendors like Bootstrap for styling.
For all the steps followed, I will be creating a gist pretty soon!
I've followed Colt Steele's Webpack tutorial on Youtube.
Badges
Extracted from project README