Package Management for ES6 Modules

JSConf 2014 presentation introducing the motivations for https://jspm.io.

Demo can be found at - https://github.com/guybedford/jspm-demo

Transcript

1. Package Management ! for ES6 Modules! Guy Bedford / @guybedford!
2. ES6 Modules!
3. ES6 Modules! The ability to unify the module format fragmentation we have today! An opportunity to reconsider ! package management for the browser!
5. Installing a widget or library should be a one line operation and a single require.! !
6. The Module Loader!
7. ES6 Module Loader Polyfill! github.com/ModuleLoader/es6-module-loader!
8. ES6 Module Loader! •  ES6 Syntax! •  Module Loader Pipeline! •  Loader Hooks: normalize, locate, fetch, translate, instantiate!
9. Browser Loader!
10. SystemJS! github.com/systemjs/systemjs! •  Compatibility layers for AMD, CommonJS, globals! •  Map, shim, plugins! •  Bundles, versions!
11. The Package Manager!
12. HTTP/2! No more bundling! Fine-grained caching! ! Allow unique versioned URLs! !
13. Dependency Management! •  Version conflicts will happen! •  Support multi-versions, with auto deduping! •  Semver! Central dependency manifest!
14. Package management for an ES6 Module Loader! Support existing module formats and registries! Flat multi-version support! Central dependency manifest! Production bundling for browsers today!
15. Demo !
16. Some Next Steps! •  Conditional Loading! •  Build tooling for plugins and conditionals!
17. Thanks" ES6 Module Loader Polyfill! github.com/ModuleLoader/es6-module-loader! SystemJS ES6 Loader
 github.com/systemjs/systemjs! jspm.io! ! @guybedford!