从资产导入 Json 文件 - Angular Production Build 问题

Question

I am importing my json file from asset folder to read some configurations inside the app which works perfectly and I can change the json values based on my requirement

you can refer : https://www.techiediaries.com/import-local-json-files-in-typescript/

But in the production build version, When try to change the values from json file in the asset folder, it reads development data

after the investigation we found that json data are embedded in main-es5 file,

is there is any way to read json file using import method and we can change data dynamically (based on environment)

Answer 1

I would suggest the cleaner way to load it via HttpClient , and if it contains some configuration, I think this is the way you can change the data in assets and app will load again and again with HttpClient.

And if you want to read based on the environment, typescript import doesn't work.

Create a service, read the JSON via HttpClient based on pre-placed environment-specific JSON.

Answer 2

This is another alternative solution you can try.

1. Create one app.constant.ts file

    //
    // ===== File app.constants.ts    
    //
    'use strict';
    export const appConstants = {

       'key':'value',
       'key1':'value'
    };

2. Import like this in component :

    import {appConstants} from './../app.constants';

3. Use in component like this :

    this.variable = appConstants.key;