Webpack 2: What's new and why you should upgrade

How tree shaking works and how to configure it.
Why you should care what's inside your bundle?
How can Webpack help you with that?

Transcript

1. Webpack 2
 What's new and why you should upgrade today
2. Performance budgets ⏱
3. https://github.com/webpack/webpack/issues/3216
6. Tree shaking
15. Migrating
16. New documentation https://webpack.js.org/guides/migrating/
18. Updates simplified configuration module.loaders => module.rules some plugins moved to core code splitting using import()
20. Blockers
21. Unsupported plugins https://github.com/amireh/happypack/ https://github.com/shama/stylus-loader/issues/149
22. Tips
23. babel-preset-env https://github.com/babel/babel-preset-env
25. webpack-bundle-analyzer https://www.npmjs.com/package/webpack-bundle-analyzer
27. State of JS http://stateofjs.com/2016/buildtools/
29. require -> import/export https://github.com/agirton/webpack-babel-codemod
30. Tomas Ruzicka @LeZuse