Vite/Rollup忽略manualChunks返回值及chunkFileNames配置问题

问题1：未生成指定chunk名称，chunkFileNames被忽略 #

1. 区分入口与非入口chunk的配置
   filename负责入口chunk的命名，chunkFilename仅作用于非入口chunk（即由manualChunks、动态导入生成的chunk）。如果你的a/b/c对应入口模块，需调整output.filename而非chunkFilename。
2. 确保chunkFileNames配置位置正确
   配置需放在output对象下，使用[name]占位符关联manualChunks返回的名称：

   output: {
     chunkFilename: '[name].chunk.js',
     // 其他output配置
   }
   

3. 避免splitChunks配置冲突
   Webpack 5中splitChunks.manualChunks默认会覆盖手动设置的chunk命名，需将其设为false，或直接禁用splitChunks的自动拆分逻辑：

   optimization: {
     splitChunks: {
       manualChunks: false,
       // 若不需要自动拆分，可直接设为splitChunks: false
     }
   }
   

问题2：仍有单个文件单独打包，忽略manualChunks返回值 #

1. 移除动态导入的魔法注释
   代码中若存在import(/* webpackChunkName: "single" */ './module')这类注释，会直接覆盖manualChunks的返回值，导致模块被单独打包，需删除所有此类硬编码的chunkName注释。
2. 修正模块ID的匹配逻辑
   很多时候manualChunks的判断因模块ID不符合预期失效，先打印所有模块ID确认匹配规则：

   manualChunks: (id) => {
     console.log('当前模块ID:', id); // 查看实际模块ID格式
     if (id.includes('node_modules')) return 'a';
     if (id.includes('src/common')) return 'b';
     return 'c';
   }
   

   若模块ID是数字或hash值，需调整判断逻辑（比如通过解析模块绝对路径来匹配）。
3. 排查模块的特殊标记
   若模块被标记为sideEffects: false、存在循环依赖、或被Webpack判定为“初始依赖”，可能会被单独打包。用webpack-bundle-analyzer分析打包结果，定位单独打包的模块，针对性调整manualChunks规则。

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