关于 Angular 项目里的 index.ts

简介: 关于 Angular 项目里的 index.ts

如下图所示:如果我需要在文件夹 A 里的某文件,访问文件夹 B 里的某服务,而文件夹 A 和 B 分别是两个不同 module 的实现,我需要在文件夹 A 的文件里,通过导入文件夹 B 里定义的 index 文件,来导入其暴露的服务,下面的例子里导入的是 BrowserService.


image.png

Jerryindex.ts 文件的内容:image.png

如果 browser 文件下定义的是符合 Angular 命名规范的 index.ts 文件,则文件夹A里的导入语句,可以不显式包含 index.ts 这个文件名,简写成:

image.png

实际上,这些 index.ts 文件,称为 barrel file,在这个StackOverflow thread里有讨论。


桶是一种将多个模块的导出汇总到单个便利模块的方法。 桶本身是一个模块文件,用于重新导出其他模块的选定导出。


Imagine three modules in a heroes folder:

image.png

如果没有桶,消费者将需要三个导入语句:image.png

我们可以将一个桶添加到导出所有这些项目的 heros 文件夹(按惯例称为索引):


image.png

现在消费者可以从桶中进口它需要的东西。

image.png


相关文章
|
7月前
|
JavaScript
Angular 项目中 angular.json builder 字段的可选项介绍
Angular 项目中 angular.json builder 字段的可选项介绍
48 0
|
1月前
|
JavaScript 前端开发 开发工具
Angular 项目中一个 index.d.ts 文件的具体例子介绍
Angular 项目中一个 index.d.ts 文件的具体例子介绍
16 0
|
7月前
|
JSON 数据格式
什么是 Angular 应用 angular.json 中的 assets 数组
什么是 Angular 应用 angular.json 中的 assets 数组
34 0
|
7月前
|
自然语言处理 JavaScript 前端开发
angular-devkit 中 build-angular 包的作用
angular-devkit 中 build-angular 包的作用
97 0
|
8月前
|
JavaScript 前端开发 编译器
关于 index.ts 在大型 Angular 项目中的应用
关于 index.ts 在大型 Angular 项目中的应用
47 0
|
8月前
|
Web App开发 资源调度 前端开发
关于 Angular 工程文件 angular.json 里的 inlineCritical 属性
关于 Angular 工程文件 angular.json 里的 inlineCritical 属性
41 0
angular39-angular实现todolist2删除
angular39-angular实现todolist2删除
88 0
angular39-angular实现todolist2删除
Angular Feature Modules
Angular Feature Modules
89 0