我有一个带有配置文件的 Angular 应用程序。它在src/data/configuration.json. 当我使用构建应用程序时，ng build --prod我在 dist 文件夹中看不到配置文件。如果 dist 文件夹中不存在文件，Angular 如何知道从何处提取配置，尤其是当 dist 文件夹的内容独立托管在 S3 存储桶中或使用 nginx 托管时？
从 Angular 7 开始，导入的 .json 文件将被构建到你的 dist 中。这是 TypeScript 2.9 及更高版本的一个特性。
但是在 Angular 5 中，使用 2.9 之前的 Typescript 版本 - 您需要明确声明要包含在构建发行版中的 .json 文件。
您需要angular.json像这样更新您的文件：
"assets": [
"src/assets",
"src/data/configuration.json"
]
然后允许将json模块导入typings.d.ts文件以防止打字稿错误：
declare module "*.json" {
const value: any;
export default value;
}
现在在你的 .ts 源文件中像这样导入 .json 文件：
import * as myJson from 'src/data/configuration.json';
该文件现在应该包含在dist/构建目录中。
有关如何使用 json files Importing json file in TypeScript 的更多详细信息，请参阅此答案。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句