angular - rxjs 模块化导入和包大小（webpack2/angular2 cli）

Question

如果我有一个组件 - 组件 A - 具有以下进口：

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

我还有另一个组件——组件 B——重复导入：

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

ng build --prod而且我会使用对导入的重复数据进行构建CLI，或者我的捆绑包中是否会有每个导入的 2x 副本？此外，该--aot选项会产生任何影响吗？如果你不知道，那么你对我如何测试这个有什么建议吗？

score 1 · Accepted Answer

绝对没有。在后台ng build --prod使用Webpack 模块捆绑系统来捆绑文件。Webpack 足够智能，不会重复导入。

使用该--aot选项很棒。它使用 Angular AOT 编译来捆绑文件。即提前编译，它只是意味着在将角度文件提供给客户端之前对其进行编译所以这消除了导致加载时间长的编译阶段。这是一篇更好的文章来解释Angular AOT

1 回答 1