如何将angular 2项目部署到heroku？答案

【问题标题】：how to deploy angular 2 project to heroku?如何将angular 2项目部署到heroku？
【发布时间】：2016-07-15 21:06:52
【问题描述】：

我尝试将 TUTORIAL: TOUR OF HEROES 部署到 Heroku，但我发现的唯一答案是使用 angular2 种子、angular2 webpack 或 angular2 cli 之类的东西。我尝试了所有这些，但仍然无法弄清楚如何部署它。有人可以给我部署 Angular 2 应用程序的详细说明吗？谢谢。

【问题讨论】：

标签： deployment angular web-deployment

【解决方案1】：

Angular Universal starter 项目上有一个一键式部署。

然后我尝试克隆它并重新部署并卡住了，因为您需要设置配置变量 NPM_CONFIG_PRODUCTION=false

我仍在为如何让它部署生产版本与开发版本而苦苦挣扎，但这是一个启动并运行的示例

【讨论】：

进一步注意，角度通用启动器尚未更新以满足样式指南中的许多最佳实践。因此，清理 tslint 需要做大量工作。此外，提示您需要调整 server.ts 文件以映射到您的资产文件夹（或者我更改为图像）以显示您的静态图像文件（并且这需要在 src 与 public 中）

【解决方案2】：

如果您使用 CLI 生成产品，您可以这样做

ng build --prod (and also add the aot flag if you like) --aot

由于它是一个静态站点，如果您不需要底层服务器，您可以将文件上传到 S3（或选择的云提供商或其 cdn），然后 200 将所有查询重定向到 /index.html

【讨论】：