javascript - 如何配置 SystemJS 以了解已加载的库，如 jquery？

Question

我正在开发一个基于 AdminLTE 的管理面板模板。该模板依赖于 jquery、bootstrap 和一些其他自定义插件，这些插件必须事先使用脚本标签包含在文档头中。

我正在使用 Jspm 来管理库，一些库如 Toastr 将需要 jQuery 作为依赖项，并将安装和加载 jQuery 的另一个副本。

我正在尝试弄清楚如何配置 SystemJS，以便:a) 告诉 SystemJS 我不需要安装另一个 jQuery 副本并且b) 避免重复加载 jQuery，因为它是先前加载的全局依赖项。如何实现？

<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
...
<script src="system.js"></script>
<script>
    System.config({
        "map": { 
            "jquery": window.jQuery //???
        }
});
</script>
<script>
    System.import('main').
</script>

Answer 1

看起来你想使用 System.set

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

这假定全局应为“默认”。您还可以通过将更多键/值传递给 System.newModule 来指定其他导出。 .

如果可以的话，最好像其他脚本一样导入全局变量，因为全局变量可以有依赖关系，而 systemjs 可以通过 meta config setup 为您管理加载顺序。