+ All Categories

Webpack

Date post: 20-Mar-2017
Category:
Upload: raymond-mcdermott
View: 70 times
Download: 0 times
Share this document with a friend
20
Webpack Just Copy and Paste the configs on GitHub
Transcript
Page 1: Webpack

WebpackJust Copy and Paste the configs on GitHub

Page 2: Webpack

The History of JavaScript … jk

Page 3: Webpack
Page 4: Webpack

WATpackAn advanced module bundler… and more

Performance and Integrations

Custom fit for your application’s needs

Page 5: Webpack

webpack ./app.js app.bundle.js

Page 6: Webpack

Loaders

Page 7: Webpack

var moduleWithOneLoader = require("my-loader!./my-awesome-module");

Page 8: Webpack

require("loader?with=parameter!./file");

Page 9: Webpack

Config

Page 10: Webpack
Page 11: Webpack
Page 12: Webpack
Page 13: Webpack

Plugins

Page 14: Webpack

webpack-dev-server

Page 15: Webpack

Code Splitting

Page 16: Webpack

Code Splitting

Page 17: Webpack

Multiple Entries

Page 18: Webpack

Production Configs

Page 19: Webpack

“This is my webpack.config.js. There are many like it, but this one is mine.”

Page 20: Webpack

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


Recommended