如何让我的角度应用程序在“ng build --prod”之后使用编辑的配置文件

Question

我正在使用 部署一个角度应用程序ng build --prod。我想要的只是让使用该dist文件夹的用户可以简单地更改文件夹config.json中的文件asset，以便他可以设置他的设置，并且我的应用程序将使用该修改后的config.json文件。

我运行后是否可以在构建文件夹中ng build --prod有一个config.json用户可以直接修改的文件？

如果没有，是否有更好的方法使用其他策略来实现这一目标？

Answer 1

我知道您想要加载类似于environment.ts 文件的配置。环境.*.ts 文件的优点是，它在编译时嵌入到产品中。因此，您将无法在运行时进行更改。为此，您创建了单独的配置 json 文件，该文件可以在应用程序启动时使用“APP_INITIALIZER”立即加载。

我认为这个 stackblitz 示例会有所帮助。

https://stackblitz.com/edit/angular-load-config-on-init

Answer 2

如果我理解正确的话，您希望根据环境更改一些配置参数。有两种方法

1. 按照您的描述创建 config.json 文件，并应使用 HttpClientModule 获取该文件。

2. 您可以创建一个脚本来保存环境变量。在同一脚本中，您可以使用自定义 webpack 配置构建 Angular 项目。您可以在https://www.youtube.com/watch?v=BU5G_i1J5CA找到详细说明

免责声明：该视频是我制作的。