首页 > 解决方案 > NextJS 未知+未使用的共享块生成

问题描述

当我将 NextJS 项目构建到生产环境时,它会生成许多名称我无法确定其来源的块。

我禁用了我的应用程序中的所有动态导入,我禁用了我的应用程序中的所有 css 导入(将它们注释掉),但是,它仍然会生成这些块。

在此处输入图像描述

如您所见,这些块由我的所有页面共享。我不知道所有带有散列的块,不知道它们来自哪里或它们持有什么。

使用谷歌页面速度时,我看到它们已加载但未使用(显然,我在空白页面上对其进行了测试,但它们正在加载)。

在此处输入图像描述

我如何理解这些块是什么?(试图在 webpack 配置中使用 chunkFilename,也许我使用了错误的值,但是所有选项的结果都是 id/chunkhash/name 并不能帮助我理解它们的来源)

编辑:
感谢@juliomalves 评论,我使用捆绑分析器查看这些块中的 2 个(最大的块),它们似乎使用了应该使用的代码,所以我不明白为什么 google pagespeed 说它们不在利用。(第一个块有 i18n 的东西(appWithTranslation),第二个块有 firebase 的东西(init),它们都是 _app.js 的一部分,因此它们正在使用中),那么为什么 google pagespeed 说它们没有被使用?页面的分数因此而下降,并影响 SEO。

在此处输入图像描述 在此处输入图像描述

标签: webpacknext.jswebpack-4

解决方案


推荐阅读