运行 通过 index.html 的 Angular2 应用程序

Running an Angular2 app via index.html

我使用 TS 和 SystemJS 构建了一个 Angular 2 应用程序,并通过标准 "npm start" 运行 它,如网站上的 "Tour of Heroes" 示例所示。但现在我想上传它进行生产。那么我该如何转换应用程序,以便通过简单地双击 index.html(如 Angular 1.5 中一样)打开它?

创建简单构建的最简单方法是使用 angular-cli。 https://github.com/angular/angular-cli

一行构建生产应用程序:

ng build --prod 

所以,如果您喜欢,我建议您执行以下步骤:

1) 创建简单的 angular-cli 应用程序并进行测试部署

2) 将 angular 从 rc4 更新为 rc5(angular-cli 使用 rc4,但 angular 教程使用 rc5)。此页面将帮助您 https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html(如果您从未来阅读此 post,则此步骤必须已过时)

3) 将您已经开发的模块复制到此 angular-cli 应用程序。

运行这个

ng build --prod --bh .

这将允许您双击 index.html 文件。

不,你不能。我已在我的应用程序中尝试过此操作,但路由不起作用。由于 angular 限制,它似乎在某处损坏了。您只能打开静态索引 HTML 文件。