https://github.com/pavanpodila/webpack-talk
Example code for the talk on Webpack
https://github.com/pavanpodila/webpack-talk
devnexus talk webpack
Last synced: about 1 year ago
JSON representation
Example code for the talk on Webpack
- Host: GitHub
- URL: https://github.com/pavanpodila/webpack-talk
- Owner: pavanpodila
- Created: 2017-01-08T11:33:44.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-05T21:20:35.000Z (about 9 years ago)
- Last Synced: 2025-03-27T22:43:16.151Z (over 1 year ago)
- Topics: devnexus, talk, webpack
- Language: JavaScript
- Size: 1.36 MB
- Stars: 5
- Watchers: 0
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# webpack-talk
Example code for the talk on Webpack.
[Slides](webpack-slides.pdf)
## Topics Covered
- [x] A simple project with `webpack.config.js`
- [x] Stamping builds with a `hash` in filename
- [x] JS/JSX transpilation via `babel`
- [x] Adding `index.html` via `HtmlWebpackPlugin`
- [x] Add CSS support
- [x] Loading images with `file-loader`
- [x] Aliasing module names for shorter imports
- [x] Code splitting with `vendor` entry + `CommonsChunkPlugin`
- [x] Using `DefinePlugin` to introduce env vars
- [x] Using `ProvidePlugin` for supplying modules for free vars
- [x] Lazy loading components
- [x] `historyApiFallback` with `react-router-dom`
- [x] React HMR with `react-hot-loader`
- [x] Dev and Prod configurations using `webpack-merge`
- [x] Adding Unit testing with Karma/Mocha/Chai/Sinon