Angular - 对所有组件导入使用桶文件

时间:2017-11-29 15:12:23

标签: angular import export components

我目前正在使用Angular 5.

我为我在组件文件中使用的所有常见导入创建了一个桶文件。 我的问题是 - 关于延迟加载,树摇动或其他我没有想到的其他任何东西,例如AOT,这是一个好主意还是坏主意?或者这种方法完全没问题,不会对负载时间或其他任何负面影响。如果你能够发现一些可以理解的原因。

示例:

event.ts
import {
  Component,
  ElectronService,
  Event,
  AppState,
  IonicPage,
  NavController,
  NavParams,
  Store,
 } from '../shared/common-component-imports';

而且在我的组件中我正在这样做:

{{1}}

我除了event.ts之外还在其他几个文件上导入。

1 个答案:

答案 0 :(得分:2)

桶通常是一个好主意,但对延迟加载没有影响。 https://angular.io/guide/glossary#barrel(已从2018词汇表中删除了桶)

更新: "考虑创建一个"桶"将所有拦截器提供程序收集到一个httpInterceptorProviders数组中的文件,从第一个开始,NoopInterceptor。" https://angular.io/guide/http

风格指南"与NgModules(2016-09-27) " StyleGuide解释了NgModules的推荐约定。桶现在远没那么有用,已经从风格指南中删除了;它们仍然很有价值,但不是Angular风格的问题。同时放宽了不鼓励使用@ Component.host属性的规则。" https://angular.io/guide/change-log