Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Webpack and angularjs

Presentation made for the #11 AngularJS-IL meetup group.
(http://www.meetup.com/AngularJS-IL/events/222633741/)

How you can use webpack to leverage modularity in you AngularJS projects.
This slides comes with an example code that you can grab here:
https://github.com/nirkaufman/angular-snake

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

Webpack and angularjs

  1. 1. ANGULAR & WEBPACK Nir Kaufman Taking modularity to the next level
  2. 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. 3. 1. QUICK OVERVIEW
  4. 4. Agenda Webpack philosophy Comparison to others Configuration examples
  5. 5. What we’ll do instead Quick introduction to webpack Live coding session Q&A
  6. 6. 2. INTRO TO WEBPACK
  7. 7. Modern web apps Huge codebase Confusing module systems
  8. 8. Why webpack? Easy to use Loaders Plugin system Code splitting
  9. 9. Angular and Webpack
  10. 10. 3. LIVE CODING
  11. 11. What are we going to do? Webpack development environment Multi-component Angular app Bundle for development Optimize for production
  12. 12. 3. SUMMARY
  13. 13. Webpack offers a lot Minimum configuration Wide range of loaders Webpack development server Server side bundling Works well with build systems
  14. 14. Nothing is perfect Docs can be more friendly Some features still require work Maintained almost entirely by one developer
  15. 15. 4. QUESTIONS PLEASE
  16. 16. WE ARE HIRING!
  17. 17. Nir Kaufman Grab the code: Read our blog: http://blog.500tech.com https://github.com/nirkaufman/angular-snake nir@500tech.com

×