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

问题描述

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

此外，如果您还有其他好主意，请告诉我。

解决方法

您可以使用webpack-bundle-analyzer来检查vendor.js中的内容，它是一个库，可让您分析捆绑软件。

该模块将为您提供帮助：

• 了解捆绑包中的真正内容
• 找出哪些模块构成了最大的规模
• 找到错误到达的模块
• 优化它！