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

Question

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

Answer 1

据我说，减少Angular Application加载时间的直接方法是：

后期构建 ：

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

2. 每个服务器(Tomcat，Nginx(都有使用压缩将JS/HTML/JPEG/等的压缩版本发送到客户端的功能gzip。为您的服务器启用它。

使用这两种技术，我的总体下载大小从8 MB显着减少到650 KB。

Answer 2

我已经减小了vendor.bundle的大小，因为两个npm库包含js本身中的数据，因此大小占用了6mb，因此删除了库。现在大小为 890KB