javascript - 带有 system.js 的全局库

Question

我在 index.html 中设置了以下内容:

...
<script src="components/angular/angular.js"></script>

<script src="components/traceur/traceur.js"></script>
<script src="components/es6-module-loader/dist/es6-module-loader.src.js"></script>
<script src="components/system.js/dist/system.src.js"></script>

<script>
    System.baseURL = '/';
</script>

<script type="module">
    // Example
    import angular from 'angular';

    angular.module('myApp', [...]);
</script>

我想通过脚本标签全局加载 angular.js(和其他一些常用库)。但是当我尝试在模块(在我的例子中是 es6-modules)中使用它时，system.js 会尝试通过 URL http://mysite/angular.js 加载它。它只是没有看到我已经将它作为全局库包含在内。我花了几个小时弄清楚如何处理这个问题，阅读 Github 上的 system.js wiki，但我仍然坚持这一点。

谁能展示如何配置 system.js 以使用全局库？

Answer 1

System.registerDynamic('angular', [], false, function(require, exports, module) {
    module.exports = window.angular;
});

或

System.set('angular', System.newModule({
    "default": window.angular
}));