如何使用webpack和angular2/4优化vendor.bundle.js文件大小和启动加载

我有6MB大小的vendor.bundle.js。我正在使用webpack配置，如何减少vendor.bundle.js的大小以优化负载性能。我已经实现了文件其余部分的性能，但我的vendor.bundle.js加载大约需要7到8秒的时间。有人能帮忙吗。有没有办法在加载时跳过vendor.bundle.js。

我已经减小了vendor.bundle的大小，因为两个npm库包含了js本身的数据，所以大小占用了6mb，所以删除了库。现在尺寸为890KB，根据我的说法，减少角度应用加载时间的直接方法是：

建造后：

使用UglifyJS删除main.bundle.js和vendor.bundle.js中的空白。尺寸减小约50%

每台服务器（Tomcat、Nginx）都具有使用

gzip

compression向客户端发送JS/HTML/JPEG/etc压缩版本的功能。为您的服务器启用它

---

使用这两种技术，我的总体下载大小从

8MB

显著减少到

650KB

这是生产捆绑（--prod）还是开发？生产--prod。如何gzip vendor.bundle.js？这对于生产构建来说确实太多了。如果您的应用程序确实非常大，请尝试将其拆分为多个模块，并使用延迟加载来加载它们。您也可以发布您的packages.config文件吗？我已经在使用延迟加载。如果您使用的是RxJs，您是否尝试过替换“RxJs”以精确地导入正确的内容。例如：使用“rxjs/observates”中的import{observatables}而不是import“rxjs”。你知道哪些库正在这样做吗？如果你删除了这些库，你是如何替换它们提供的功能的？这两个库是针对国家代码和城市zipcode库的，因为我不在我的系统中，我不记得特别的库名，但我使用了城市邮政编码的regex模式，因为我限制了特定国家/地区的应用程序使用国家代码我还建立了包含所有国家代码的常量json。