Question

我邀请过这个问题的客人已经问了上百万次，但是我找不到有效的答案...

上下文：我们正在开发一个Angle 4.3应用程序（使用Typescript和Webpack），并计划尽快升级到angular 6。

问题：我们有一个（生成的）模型集（接口），可以在我们的代码库中使用。这些是从一个文件导出的

models / models.ts

export * from './account';
export * from './user';
....

在组件或服务中，我们可以通过三种方式使用它们

1。直接导入：

import {Account} from 'models/account'
...
this.account: Account;

2。通过models.ts导入：

import {Account} from 'models/models'
...
this.account: Account;

3。通配符导入：

import * as models from 'rest/model/models';
...
this.account: models.Account;

我们最喜欢第三个选项，因为它易于阅读并且可以保持导入整洁。但是我们不确定这是否会影响捆绑包的大小和构建时间。因为每个模型都“包含”在每个组件中。

这里最好的做法是什么？