如何减轻 webpack 生成的 vendor.js？

Question

我使用 Google LightHouse 扫描了我正在开发的网站，并收到一条警告“删除未使用的 JavaScript”。 我正在使用 Vue.js 并使用 webpack 构建它。而且我认为 vendor.js 是从 node_modules 生成的。 如何使 vendor.js 更轻？我认为这可以通过从 vendor.js 中排除在 package.json 的 devDependencies 中编写的外部库来完成，这是正确且可能的想法吗？

另外，如果您有其他好的想法，请告诉我。

Answer 1

您可以使用 webpack-bundle-analyzer 检查您的 vendor.js 中的内容，它是一个允许您分析包的库。

本模块将帮助您：

• 了解捆绑包中的真正内容
• 找出哪些模块最大程度地利用了它的大小
• 查找错误到达的模块
• 优化它！