[Javascript] 模組加載: SystemJS

SystemJS
https://github.com/systemjs/systemjs

System.js詳解
https://www.cnblogs.com/tangxing/p/7223456.html

JavaScript 模組簡史
https://www.html.cn/archives/7628

SystemJS使用記錄
https://www.jianshu.com/p/42c695316d56

理解沒有角度的TypeScript和SystemJS
https://codeday.me/bug/20190108/484734.html

使用 SystemJS 載入 moment.js
http://www.tastones.com/zh-tw/stackoverflow/systemjs/getting-started-with-systemjs/using_systemjs_to_load_moment.js/

codesandbox - sandpack 、systemjs @0.21.x @3.x 、JSPM 2.0 、@pika/web 帶來的一些思考以及借鑒意義
https://github.com/pigcan/blog/issues/21

願未來沒有 Webpack
https://juejin.im/post/5d4bcdb7e51d453b386a62c6

SystemJS 是一個通用的模組載入器，它建立在 ES6 模組載入器之上，能在流覽器或者 NodeJS 上動態載入模組，並且支援 CommonJS、AMD、UMD、ES、全域模組物件和 ES6 模組。通過使用外掛程式，它不僅可以載入 JavaScript，還可以載入 CoffeeScript 和 TypeScript。

SystemJS可分為三大功能：
1. s.js: 1.5KB，用以支持現有的 native-module 的工作流，並向下相容到 IE11。
2. system.js: 3KB，在支援現有的 native-module 的工作流基礎上進一步支援了即將發佈的新標準，諸如import-maps 和 WASM
3. extras: 提供 0.21.x 上的一些功能，諸如 AMD、Named Exports 等等的支持，以及我認為可玩性較高的 transform loader，這個本質上就是利用 fetch 函數做出更加 high level 的 loader、 preset 的概念。


#Javascript, SystemJS, CommonJS, AMD, ES6, CoffeeScript, TypeScript, 模組, 動態, 加載