使用 JSON 文件而不是环境文件仅用于 angular 9 中的构建应用程序

Question

I have Multiple json files like config.dv.json, config.local.json etc, and I need to load these json files based on environments by using single command as ng build --prod command.

Answer 1

The only thing Angular CLI does is, it replaces environment.ts with the correct environment (eg environment.prod.ts).

You could add your config JSON files to your assets in a folder "configs" and name them environment-specific, as stated in your question ("dv.json", "local.json", etc.). Now, in environment.ts you can reference your config like this, for example:

export const environment = {
  name: "dev",
  config: "dv"
};

Finally, you just need to load your config file based on the environment, eg like this:

import { environment } from './environments/environment';

this.http.get('./configs/' + environment.config + '.json').pipe(
map((res:any) => {
  let configJson = res.json();
})).subscribe();