在angular2中轻松导入自定义类

Question

假设我有一个大小正在增长的Angular2打字稿解决方案.我有许多小类/对象,按照最佳实践,我将每个类放在自己的文件中.

如果我需要操纵这些对象,我经常会得到这样的长导入列表:

import {Object1} from '../core-data/object1';
import {Object2} from '../core-data/object2';
import {Object3} from '../core-data/object3';
import {Object4} from '../core-data/object4';
import {Object5} from '../core-data/object5';

我希望我能做一些像:

import {Object1, Object2, Object3, Object4, Object5} from '../core-data/CORE_OBJECTS';

我尝试使用Angular团队正在使用的模式,CORE_DIRECTIVES但似乎它只能起作用,因为那些是通过annontation directives上的属性添加的Component.

我真的不想捆绑它/为它做一个新项目,因为它会使整个过程更难 - 它只是一些核心对象,我希望能够调整而不会有太多的麻烦.

处理这个问题的最佳方法是什么？

Answer 1

您可以利用export fromAngular2 的功能.

例如在core.objects.ts文件中:

export {Object1} from '../core-data/object1';
export {Object2} from '../core-data/object2';
export {Object3} from '../core-data/object3';
export {Object4} from '../core-data/object4';
export {Object5} from '../core-data/object5';

然后你可以这样利用core.objects模块;

import {
  Object1, Object2, Object3, Object4, Object5
} from '../core-data/core.objects';