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

Question

我目前使用的是 Angular 5。

我已经为我在组件文件中使用的所有常用导入创建了一个桶文件。 我的问题是 - 对于延迟加载、tree shaking 或其他任何我没有想到的(例如 AOT)，这是好主意还是坏主意？或者这种方法是否完全正确并且不会影响加载时间或其他任何负面影响。如果您也能阐明原因，我们将不胜感激。

例子:

  common-component-imports.ts:
    export { AppState, Event, EventPriority, EventType, Page, Unit, User, WindowSettings } from '../models/index';
    export { Component, ElementRef, Input, ViewChild, ViewChildren } from '@angular/core';
    export { Config, IonicPage, Loading, LoadingController, Modal, ModalController, Nav, NavController, NavParams, Platform, Toast, ToastController, ViewController } from 'ionic-angular';
etc../

在我的组件中我这样做:

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

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

Answer 1

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

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

风格指南”与 NgModules (2016-09-27)“StyleGuide 解释了 NgModules 的推荐约定。桶现在用处不大，已从样式指南中删除；它们仍然有值(value)，但与 Angular 样式无关。还放宽了不鼓励使用 @Component.host 属性的规则。 “https://angular.io/guide/change-log