首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Angular 5- dist文件夹中缺少配置文件

Angular 5- dist文件夹中缺少配置文件
EN

Stack Overflow用户
提问于 2019-03-13 06:04:01
回答 1查看 856关注 0票数 -1

我有一个Angular应用程序,它有一个配置文件。它在src/data/configuration.json中。当我使用ng build --prod构建应用程序时,我在dist文件夹中看不到配置文件。如果dist文件夹中没有文件,Angular如何知道将配置拉到哪里,特别是当dist文件夹的内容独立托管在S3存储桶中或使用nginx托管时?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-13 06:36:38

从Angular 7开始,导入的.json文件将内置到您的dist中。这是2.9版及更高版本的TypeScript的一个特性。

但是在Angular 5中,Typescript版本早于2.9 -你需要显式地声明你想要包含在构建的发行版中的.json文件。

您需要按如下方式更新angular.json文件:

代码语言:javascript
复制
"assets": [
  "src/assets",
  "src/data/configuration.json"
]

然后允许将json模块导入到typings.d.ts文件中,以防止打字错误:

代码语言:javascript
复制
declare module "*.json" {
    const value: any;
    export default value;
}

现在,在您的.ts源代码中像这样导入.json文件:

代码语言:javascript
复制
import * as myJson from 'src/data/configuration.json';

该文件现在应该包含在构建时的dist/目录中。

有关如何消费json文件Importing json file in TypeScript的更多详细信息,请参阅此答案。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55131333

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档