在运行时加载配置

Question

我有一个Angular项目，我可以为给定的环境构建项目并运行它。我意识到这会将环境设置烘焙到已构建的项目中。现在我想在运行时加载特定于环境的设置。

所以，我现在得到了这个：

import { EnvConfig } from '../../../../../tools/env/env-config.interface';

export const Config: EnvConfig = JSON.parse('<%= ENV_CONFIG %>');

将<%= ENV_CONFIG %>替换为烘焙环境设置。其他文件导入Config，然后直接使用它，如：

import { Config } from '../shared/config/env.config';

export function main() {
    console.log(`Environment: ${Config.ENV}`);
}

我一直在寻找this solution之类的内容，但似乎我必须将所有内容从使用Config直接转换为使用注入的ConfigService。

我是否需要从常量切换到服务以支持运行时负载？如果没有，我该如何动态创建常量？