Nir Kaufman will give a presentation on using Angular and Webpack together. The presentation will include a quick overview of Webpack and its philosophy, a comparison to other module bundlers, and configuration examples. It will then feature a live coding session where Nir will build a multi-component Angular app, bundle it for development and optimize it for production using Webpack. Finally, there will be time for questions. Webpack offers benefits like easy usage, loaders, plugin system and code splitting which make it a good fit for large Angular applications. While it has good documentation, some features still need improvement and it relies heavily on one main developer for support.

1. ANGULAR & WEBPACK
Nir Kaufman
Taking modularity to the next level

2. Nir Kaufman
- More than 13 projects last year
- Hundreds of Angular training hours
- Regular speaker at conferences
- Passionate about technology
- Loves music, eats vegan food
Head of AngularJS dept. @ 500Tech

3. 1. QUICK OVERVIEW

4. Agenda
Webpack philosophy
Comparison to others
Configuration examples

5. What we’ll do instead
Quick introduction to webpack
Live coding session
Q&A

6. 2. INTRO TO WEBPACK

7. Modern web apps
Huge codebase
Confusing module systems

8. Why webpack?
Easy to use
Loaders
Plugin system
Code splitting

9. Angular and Webpack

10. 3. LIVE CODING

11. What are we going to do?
Webpack development environment
Multi-component Angular app
Bundle for development
Optimize for production

12. 3. SUMMARY

13. Webpack offers a lot
Minimum configuration
Wide range of loaders
Webpack development server
Server side bundling
Works well with build systems

14. Nothing is perfect
Docs can be more friendly
Some features still require work
Maintained almost entirely by one developer

15. 4. QUESTIONS PLEASE

16. WE ARE HIRING!

17. Nir Kaufman
Grab the code:
Read our blog:
http://blog.500tech.com
https://github.com/nirkaufman/angular-snake
nir@500tech.com