ng11加载本地json文件 config.json

开发者经常遇到需要通过http请求本地的全局配置json文件来作升级提示或使用当前路径，在获取json文件过程中一直遇到文件404 not found 错误.

解决方案：

1.找到angular.json文件

2.进入projects ->architect ->build->assets配置

3.添加配置

{
   "glob": "config.json",
   "input": "src",
   "output": "./"
}

4.重启服务

5.此时发现import * as map from './fooooooo.json' 后不能直接使用 map,

改成import map from './fooooooo.json' 时，TS语法又会报错，这时，又需要在根目录添加一个json-typings.d.ts文件

declare module "*.json" {
    const value: any;
    export default value;
}

并且在tsconfig的compilerOptions中配置："esModuleInterop"：true //为所有导入创建命名空间对象

6.重启serve

好嘛，angular中引用个json咋就整这么多事。完结。