From Files to Modules

Our New Build Process

Where We've Been

• Organize files by type
• Move dependencies to npm
• Upgraded to latest AngularJS
• Converted to components

Where We're Going Next

• ES2015 (ES6) Modules
• Webpack
• TypeScript

Why?

• Long answer: Better architecture
• Short answer: Angular says so

File/Path Based

• Bringing in code from files
• Common examples:
  • Script tags
  • Grunt
  • Gulp
• Processing from there

Module Based

• Importing and exporting using ES6
• Examples:
  • SystemJS
  • Webpack

Why modules?

• No worrying about load order
• Easier to maintain
• Easier to ship to production
• Way of the future