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

Question

我有6MB大小的vendor.bundle.js。我采用webpack配置，如何减小vendor.bundle.js的大小来优化负载性能。我已经实现了剩下的文件的性能，只有我的vendor.bundle.js需要时间来加载7秒到8秒。有人能帮上忙吗。是否有一种在加载时跳过vendor.bundle.js的方法。

Answer 1

我已经缩小了vendor.bundle的大小，因为两个npm库包含了js本身中的数据，所以大小占用了6mb，从而删除了库。现在大小为890 is。

Answer 2

根据我的看法，缩短角度应用的加载时间的直接方法是：

员额建造：

1. 使用UglifyJS删除main.bundle.js和vendor.bundle.js中的空白。尺寸缩减约为50%。
2. 每个服务器(Tomcat，Nginx)都具有使用gzip压缩将JS/HTML/JPEG/etc的压缩版本发送给客户端的功能。为您的服务器启用它。

使用这两种技术，我的下载总量从8 MB大幅度减少到了650 KB。