这个额外生成的131.js文件其实是React 18+内置的Web Vitals性能监控代码，里面包含了CLS、FCP、FID等核心Web性能指标的收集函数。出现单独文件的原因有两点：

1. Webpack默认代码拆分行为：Webpack的splitChunks默认配置会把第三方库（包括React内部的部分代码）拆分成独立chunk，这部分Web Vitals代码被识别为可拆分的异步chunk，因此被单独打包。
2. 内联插件未覆盖异步chunk：你使用的InlineChunkHtmlPlugin当前配置的正则/.(js)$/没有匹配到这类数字ID的异步chunk，导致它没被内联到HTML中，最终生成了单独文件。而你的项目没有主动调用这部分性能收集逻辑，所以删除后完全不影响运行。

方法1：禁用Webpack代码拆分（最直接） #

如果不需要代码拆分的特性，直接在optimization中关闭splitChunks，所有代码会被打包成一个chunk，不会生成额外文件：

module.exports = {
  // ... 其他配置
  optimization: {
    splitChunks: false, // 添加这一行
    minimizer: [
      new CssMinimizerPlugin(),
    ]
  },
};

方法2：调整内联插件的匹配规则 #

修改InlineChunkHtmlPlugin的匹配正则，让它覆盖所有数字ID的异步chunk，这样这部分代码会被内联到HTML中，不会生成单独文件：

// 在plugins数组中修改这一行
new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/^\d+$/])

这个正则会匹配所有纯数字命名的chunk（比如131.js），确保它们被内联处理。

方法3：移除Web Vitals代码（不推荐） #

如果你确定完全不需要性能监控逻辑，可以在项目入口文件最顶部添加代码，阻止React加载这部分代码：

// src/index.tsx 最顶部
(window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__ = { isDisabled: true };

⚠️ 注意：这个方法可能随React版本更新失效，而且Web Vitals代码本身是无害的，仅用于性能数据收集，不会影响应用功能，因此不推荐使用。

内容的提问来源于stack exchange，提问作者user898082