webpack
TRANSCRIPT
![Page 1: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/1.jpg)
WebpackJust Copy and Paste the configs on GitHub
![Page 2: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/2.jpg)
The History of JavaScript … jk
![Page 3: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/3.jpg)
![Page 4: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/4.jpg)
WATpackAn advanced module bundler… and more
Performance and Integrations
Custom fit for your application’s needs
![Page 5: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/5.jpg)
webpack ./app.js app.bundle.js
![Page 6: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/6.jpg)
Loaders
![Page 7: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/7.jpg)
var moduleWithOneLoader = require("my-loader!./my-awesome-module");
![Page 8: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/8.jpg)
require("loader?with=parameter!./file");
![Page 9: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/9.jpg)
Config
![Page 10: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/10.jpg)
![Page 11: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/11.jpg)
![Page 12: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/12.jpg)
![Page 13: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/13.jpg)
Plugins
![Page 14: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/14.jpg)
webpack-dev-server
![Page 15: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/15.jpg)
Code Splitting
![Page 16: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/16.jpg)
Code Splitting
![Page 17: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/17.jpg)
Multiple Entries
![Page 18: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/18.jpg)
Production Configs
![Page 19: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/19.jpg)
“This is my webpack.config.js. There are many like it, but this one is mine.”
![Page 20: Webpack](https://reader035.vdocuments.net/reader035/viewer/2022070517/58cfd5851a28ab13238b4d3d/html5/thumbnails/20.jpg)
Resourceshttps://webpack.github.io/docs/
https://github.com/petehunt/webpack-howto
https://medium.com/@dabit3/beginner-s-guide-to-webpack-b1f1a3638460#.92lbl2myh
http://jonathancreamer.com/advanced-webpack-part-1-the-commonschunk-plugin/
http://jonathancreamer.com/advanced-webpack-part-2-code-splitting/
http://survivejs.com/webpack/advanced-techniques/understanding-chunks/
https://medium.com/@dtothefp/why-can-t-anyone-write-a-simple-webpack-tutorial-d0b075db35ed#.irh9sqwg4