Webpack hands-on training
Why do we need a build step?
- code size
- assets size
- code splitting
- transpilation
- debuging methods
- code quality
- optimisations
- environment specific tasks
- etc.
Webpack
vs
Grunt/Gulp/Browserify
?
Two things you should keep in mind
- Install your dependencies threw NPM (good riddance BowerJS)
- Use a Module System
Modules in JavaScript
Module Pattern (Anywhere)
AMD ( Webpack, RequireJS)
CommonJS (Webpack, Nodejs, Browserify)
ES Modules (Webpack 2 beta)
What's the purpose of this?
- understanding a webpack configuration file
- how to integrate webpack with your project
- build for multiple enviroments
- having to know and play with webpack