Empfohlen
Empfohlen
Weitere Àhnliche Inhalte
Ăhnlich wie Unbundling the Future Web Runtime
Ăhnlich wie Unbundling the Future Web Runtime (20)
KĂŒrzlich hochgeladen
KĂŒrzlich hochgeladen (20)
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.