ANGULAR & WEBPACK

Nir Kaufman

Taking modularity to the next level

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

1. QUICK OVERVIEW

AgendaWebpack philosophy

Comparison to others

Configuration examples

What we’ll do insteadQuick introduction to webpack

Live coding session

Q&A

2. INTRO TO WEBPACK

Modern web appsHuge codebase

Confusing module systems

Why webpack?Easy to use

Loaders

Plugin system

Code splitting

Angular and Webpack

3. LIVE CODING

What are we going to do?Webpack development environment

Multi-component Angular app

Bundle for development

Optimize for production

3. SUMMARY

Webpack offers a lot Minimum configuration

Wide range of loaders

Webpack development server

Server side bundling

Works well with build systems

Nothing is perfectDocs can be more friendly

Some features still require work

Maintained almost entirely by one developer

4. QUESTIONS PLEASE

WE ARE HIRING!

Nir Kaufman

Grab the code:

Read our blog:http://blog.500tech.com

https://github.com/nirkaufman/angular-snake

nir@500tech.com