Unbundling the Future Web Runtime
- 1. The native integration of ES modules into the web JavaScript build tooling
- 2. SystemJS
- 7. Web Assembly
- 9. /page1.html /page2.html ESM Static import Dynamic import ESM WASM ESM ESMESM ESM ESM ESM ESM
- 10. Build tools don’t have to be taken by surprise We can already investigate this future
- 11. SystemJS Built on top of es-module-loader
- 15. Static import Dynamic import ESM WASM ESM ESMESM ESM ESM /page1.html /page2.html ESM ESM ESM
- 16. Static import Dynamic import System .register WASM System .register System .register System .register System .register System .register /page1.html /page2.html System .register System .register System .register
- 18. How is the native module loader useful?
- 19. The native module loader enables code sharing across pages and lazy loaded code
- 20. Optimization
- 21. /page1.html /page2.html Static import Dynamic import ESM WASM ESM ESMESM ESM ESMESM ESM ESM
- 22. x.js y.js
- 23. x.js
- 24. /page1.html /page2.html Static import Dynamic import ESM WASM ESM ESMESM ESM ESMESM ESM ESM
- 25. Static import Dynamic import ESM WASM ESM ESMESM ESM ESM /page1.html /page2.html ESM ESM ESM
- 26. Static import Dynamic import WASM ESM ESMESM /page1.html /page2.html ESM ESM ESM
- 27. Static import Dynamic import WASM ESM ESMESM /page1.html /page2.html ESM ESM ESM
- 28. x.js y.js z.js
- 29. xy.js z.js
- 30. Static import Dynamic import WASM ESM ESMESM /page1.html /page2.html ESM ESM ESM
- 31. Static import Dynamic import WASM ESMESM /page1.html /page2.html ESM ESM ESM
- 33. Static import Dynamic import WASM ESM ESMESM /page1.html /page2.html ESM ESM ESM
- 34. ESM ESM Static import Dynamic import WASM ESM /page1.html /page2.html ESM
- 35. Express optimization strategies Visual tools for optimization management
- 36. Tree shaking Web Assembly Automatically extract repeated functions Module splitting
- 37. Fine-grained Module Graph language compilers Production Module Graph Production Build Artefacts optimizations output generation
- 38. Our tools should fully expose the module graph to cross-module optimizations. This will allow for better performance optimization today, while also leading the way to native module workflows.