Angular 2的第三方模块系统

Question

遵循Angular 2 with JavaScript（而非TypeScript）的官方指南 ，在该指南的开头，“模块”子标题下写道：

“ ES5 JavaScript没有本地模块系统。我们可以使用几种流行的第三方模块系统。相反，为了简单起见并避免选择任何收藏夹，我们将为应用程序创建一个全局名称空间。”

基本应用程序的代码是这样的：

(function(app) {
  app.AppComponent =
    ng.core.Component({
      selector: 'my-app',
      template: '<h1>My First Angular 2 App</h1>'
    })
    .Class({
      constructor: function() {}
    });
})(window.app || (window.app = {}));

由于我不是专业的JavaScript程序员，所以我想知道如何使用第三方模块系统代替(function(app){})(); （或者不是？）
请给我一些修改了此代码的第三方模块系统的示例。 提前致谢。

Answer 1

你可以参考演示

并查看这个问题