javascript - 块供应商文件在生产中太大

Question

在生产构建我的 vue.js 应用程序后，我看到我的块供应商文件太大，这对 Web 性能有影响，屏幕如下：

如何减小此文件的大小？

我尝试通过延迟加载在我的 router.js 中导入组件，但在这里没有帮助，这个问题的另一种解决方案是什么？

谢谢你的帮助！

标签： javascriptvue.jswebpack

Answer 1

除了前面的评论，您可能需要分析正在导入您的应用程序的内容。

一个很好的方法是通过依赖分析。如果你使用 vue-cli，你可以将Webpack Bundle Analysis添加到你的 devDependencies。这将允许您查看正在导入的内容。

特别注意图标库（如@mdi）和其他辅助库如@vueuse 或lodash。如果它们被错误地导入，您最终会得到整个包，而不是只对使用过的包进行摇晃。