javascript - 如何从捆绑文件中导入命名的 SystemJS 模块？

Question

我有一个文件 (app.js)，其中包含两个命名模块(“foo”和“bar”——其中“bar”依赖于“foo”)。

问题:如何在浏览器中加载“bar”？

免责声明:我是 SystemJS 的新手，文档看起来有点吓人。

app.js

System.register("foo", [], function(exports_1) {
    "use strict";
    var App;
    return {
        setters:[],
        execute: function() {
            App = (function () {
                function App() {
                    this.bar = 'Hello world.';
                    console.log(this.bar);
                }
                return App;
            })();
            exports_1("App", App);
            ;
        }
    }
});

System.register("bar", ["foo"], function(exports_1) {
    "use strict";
    var App;
    return {
        setters:[],
        execute: function() {
            App = (function () {
                function App() {
                    this.bar = 'Mony a mickle maks a muckle.';
                    console.log(this.bar);
                }
                return App;
            })();
            exports_1("App", App);
            ;
        }
    }
});

Answer 1

通过执行以下操作获得了我想要的结果:

• 添加了 <script src="app.js">标记到我的索引文件。
• 还添加了 System.import('bar');到页面。

我想知道这是否是标准/推荐的做法。

编辑:

这种方法的问题是我需要两种开发和生产策略。

在开发中我不添加 <script>标记，我使用 System.import('path/app.js'); 导入模块