angular - 如何使用 angular-cli 4 构建一次并部署多个环境？

Question

我们计划将 Angular 部署到 Amazon S3 静态网站中，目前我们正在为每个环境(开发/生产)进行单独构建。是一次构建并部署到所有环境的任何解决方案。

提前致谢。

Answer 1

据我了解，您希望为多个堆栈(开发、测试、生产等)构建一个构建(例如持续集成构建)。如果您在每个堆栈的环境文件中有不同的设置，您将有不同的构建。您只有一种选择可以通过一次构建实现这一目标。

在您的开发环境文件中保留您在本地开发所需的开发设置。在您的生产环境文件中使用占位符作为设置，这与您的开发设置不同。

然后您始终可以构建用于生产的应用程序，并且您的应用程序将在 main.*.bundle.js 中编译占位符。

对于部署，您必须操作 main.*.bundle.js 文件(有占位符):

1. 预部署:运行一个脚本来操作 main.*.bundle.js 以设置例如制作设置。
2. 部署:将应用程序部署到您的应用服务
3. 部署后:运行一个脚本来操作 main.*.bundle.js 以再次设置占位符

是的，这不是一个好的解决方案，但经过 3 天的研究，这是最佳选择。然后，您可以通过运行脚本为多个堆栈部署您的应用程序。

我在 Visuals Studio Team Services 上使用 powershell 脚本执行此操作，以使用那里的发布功能将应用程序部署到 Microsoft Azure。