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

How to optimize vendor.bundle.js file size and startup loading using webpack and angular2/4

我有 vendor.bundle.js 6MB 大小。我正在使用webpack配置,如何减少vendor.bundle.js的大小来优化加载性能。我已经实现了其余文件的性能,只有我的 vendor.bundle.js 需要时间来加载大约 7 到 8 秒。有没有人可以提供帮助。有没有办法在加载时跳过 vendor.bundle.js。

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

根据我的说法,减少 Angular 应用程序加载时间的直接方法是:

Post 构建:

  1. 使用 UglifyJS 消除 main.bundle.js 和 vendor.bundle.js 中的空格。体积缩小约 50%。

  2. 每个服务器 (Tomcat,Nginx) 都可以使用 gzip 压缩将 JS/HTML/JPEG/etc 的压缩版本发送到客户端。为您的服务器启用它。

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