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

Question

我有一个文件（app.js），其中有两个命名模块（"foo"one_answers"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'); 导入模块

Answer 2

我认为使用裸种子可以通过展示一个简单的工作示例来帮助您，这个种子有一个生产和开发模式，您不需要有两个策略，只需在捆绑运行还是不运行之间进行选择

尝试：npm i -g slush-jspm-react-seed