webpack - NextJS 未知+未使用的共享块生成
问题描述
当我将 NextJS 项目构建到生产环境时,它会生成许多名称我无法确定其来源的块。
我禁用了我的应用程序中的所有动态导入,我禁用了我的应用程序中的所有 css 导入(将它们注释掉),但是,它仍然会生成这些块。
如您所见,这些块由我的所有页面共享。我不知道所有带有散列的块,不知道它们来自哪里或它们持有什么。
使用谷歌页面速度时,我看到它们已加载但未使用(显然,我在空白页面上对其进行了测试,但它们正在加载)。
我如何理解这些块是什么?(试图在 webpack 配置中使用 chunkFilename,也许我使用了错误的值,但是所有选项的结果都是 id/chunkhash/name 并不能帮助我理解它们的来源)
编辑:
感谢@juliomalves 评论,我使用捆绑分析器查看这些块中的 2 个(最大的块),它们似乎使用了应该使用的代码,所以我不明白为什么 google pagespeed 说它们不在利用。(第一个块有 i18n 的东西(appWithTranslation),第二个块有 firebase 的东西(init),它们都是 _app.js 的一部分,因此它们正在使用中),那么为什么 google pagespeed 说它们没有被使用?页面的分数因此而下降,并影响 SEO。
解决方案
推荐阅读
- r - 如何在 ggplot2 的单个图中同时使用堆栈和闪避
- postgresql - 在 Postgres 中意外创建重复的唯一约束
- bash - 启动 MySQL 服务器 > 将输出通过管道传输到文件
- java - gRPC 中服务器 IP 的解析
- php - 在 WooCommerce 中获取订单总额计算的订单费用和折扣金额
- azure-devops - 使用 Azure 数据工厂禁用 Azure Devops 版本的自动触发
- databricks - Databricks 连接不能从 intellj 工作?
- android - 华为推送工具包 API - 从通知的有效负载中读取数据 - onRemoteMessageReceived 不起作用
- exchangewebservices - EWS SyncFolderItems 返回带有重复 SyncState 的 ReadFlagChange 元素
- python - PIL ImageDraw.Draw() 在函数中使用时不起作用