rxjs模块化导入和包大小(webpack2 / angular2 cli)

时间:2016-12-13 22:03:32

标签: angular rxjs angular-cli webpack-2

如果我有一个组件 - 组件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是否会重复导入,或者我的捆绑包中每次导入都会有2份?此外,--aot选项会产生什么影响吗?如果你不知道,那么你对我如何测试它有一个建议吗?

1 个答案:

答案 0 :(得分:1)

绝对没有。 commands.CreateCommand("sayhi" + x) .Parameter("Target", ParameterType.Required) .Do(async (e) => { await e.Channel.SendMessage("Hi" + e.GetArg("Target")); }); 在后​​台使用Webpack module bundling系统捆绑文件。 Webpack足够智能,不会复制导入。

使用ng build --prod选项非常棒。它使用Angular AOT编译来捆绑文件。即在时间编译之前,它只是意味着在将角度文件提供给客户端之前对其进行编译。因此,这会消除编译阶段,从而导致加载时间过长。这是一篇更好的文章来解释Angular AOT