Looking at hundreds line of webpack configuration that you didn't wrote can be intimidating, how can you make any changes with confidence if you don't understand what each line does. This repo tries to help, start from scratch, help you understand webpack by introducing one feature at a time, including:
- Introduce boilerplate code
- Add webpack.config.js file
- Add webpack-dev-server
- Add the sample module
- Enable webpack hot module replacement
- Use env variable to seperate dev and production build
- Add babel for compiling ES6
- Enable source map
- Add file-loader to load images
- Add url-loader to load image via data url
- Enable tree shaking and uglifyJS
- Add css-loader, style-loader and extract-text plugin to load CSS
- Take care css and js caching