AngularJS 持续部署工具

Question

我一直在尝试使用 Codeship 和 Heroku 来持续部署我目前编写的 AngularJS 应用程序。该应用程序是使用 Yeoman 创建的，并使用了 bower 和 grunt。最初我认为这似乎是一个非常好的设置，因为 Codeship 是免费使用的，我很快就能够配置它来构建我的 AngularJS 项目，它提供了在构建后添加部署步骤的能力。甚至有许多 PaaS 提供商可供选择(Heroku、S3、Google App Engine 等)。但是，我似乎有点无法让应用程序在 Heroku 上运行。

问题源于这样一个事实，即所有文档都建议我从我的 .gitignore 中删除 /dist 路径，以便此目录发布到 Heroku post build。这主要来自讨论从本地机器发布到 Heroku 的文档，但我认为这就是 Codeship 在幕后所做的一切。我不想这样做，因为我认为我不应该将构建输出检查到源代码管理中。 /dist 文件夹被添加到 .gitignore 是有充分理由的。此外，这种方式在某种程度上破坏了拥有 CI 服务器的意义，因为我还不如从我的机器上推送最新版本。

经过更多的挖掘后，我发现我可以在我的 packages.json 文件中添加一个安装后步骤，例如 bower install && grunt build，它将在 Heroku 上重新运行构建，从而重新填充所有 Bower 依赖项(他们希望我 checkin 源代码管理的其他东西!)和 dist 目录。

尝试之后，我发现我需要在 packages.json 中添加 bower 和 grunt 作为依赖项，这意味着将它们从它们应该属于的地方 devDependencies 移走!

所以我现在好像卡住了。我想要做的就是发布我的构建工件 (/dist)、依赖项 (/bower_components) 和将运行的 server.js 文件网站。有谁知道如何使用 Heroku 和 Codeship 实现这一目标？或者，是否有人使用不同的工具在这方面取得了成功。我正在寻找免费的东西，我愿意接受它不会稳定生产(不会扩展到多个服务器等)，但现在这很好，因为我想做的就是持续部署应用程序内部测试，并能够与我团队的非技术成员共享输出，以便我们可以讨论我们希望优先考虑的功能等。

如有任何建议，我们将不胜感激。

谢谢

Answer 1

嗨，这里是 Codeship 团队的 Marko。您是否已经向我们发送了关于此的应用内消息？我相信我们可以让您的应用程序在 Codeship 上构建并成功部署到 Heroku。

作为一个非常简短的回答，让它运行的最简单方法是将 bower 和 grunt 添加到 package.json< 中的依赖项中/em>。另一种可能性是寻找已安装这两种工具的自定义构建包。

最后，您还可以在 Codeship 上运行这些工具，将新安装的文件添加到存储库，提交更改并将这个新提交推送到 Heroku。如果你想使用它，你很可能需要强制推送更改。

请随时通过应用内信使(网站右下角)与我联系，我很乐意帮助您完成这项工作!