Webpack v5无法禁用代码块问题求助

你目前的问题是多入口打包时，除了预期的入口独立文件夹外，总会生成额外的代码块文件夹，即便试过splitChunks: false和LimitChunkCountPlugin也没解决，给你几个关键调整点：

1. 禁用Runtime Chunk #

Webpack生产模式下默认会生成runtime chunk用于管理模块加载逻辑，哪怕关闭了splitChunks也可能存在。直接在optimization配置里添加runtimeChunk: false，彻底禁用它：

optimization: {
  splitChunks: false,
  runtimeChunk: false, // 新增这行
  minimize: true,
  // ... 其他minimizer配置
}

2. 排查代码中的动态导入 #

如果业务代码里用了import()这种动态导入语法，Webpack会自动把这部分代码拆分成独立chunk。如果不需要拆分，把动态导入改成静态的import ... from ...即可。

3. 明确配置Chunk文件名（可选） #

虽然前两步应该能解决问题，但为了避免意外，你可以在output里指定chunkFilename，强制所有chunk跟随入口的文件夹结构（若已禁用所有拆分，这步实际用不上）：

output: {
  filename: '[name]/index.js',
  chunkFilename: '[name]/[id].js', // 新增这行
  path: path.resolve(process.cwd(), 'dist'),
  libraryTarget: 'commonjs2',
  clean: true, 
}

修改后的完整配置 #

整合上述调整后的配置如下：

import path from 'path';
import webpack from 'webpack';
import TerserPlugin from 'terser-webpack-plugin';

const entries = {
  entry1: './src/entry/entry1.ts',
  entry2: './src/entry/entry2.ts',
  entry3: './src/entry/entry3.ts',
};

export default {
  mode: 'production',
  entry: entries,
  target: 'node',
  output: {
    filename: '[name]/index.js',
    chunkFilename: '[name]/[id].js',
    path: path.resolve(process.cwd(), 'dist'),
    libraryTarget: 'commonjs2',
    clean: true, 
  },
  optimization: {
    splitChunks: false,
    runtimeChunk: false,
    minimize: true,
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          format: {
            comments: false,
          }
        },
        extractComments: false,
      })
    ]
  },
  resolve: {
    extensions: ['.ts', '.js'],
    extensionAlias: {
        '.js': ['.ts', '.js'],
        '.mjs': ['.mts', '.mjs'],
    },
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: {
          loader: 'ts-loader',
          options: {
            configFile: path.resolve('tsconfig.json'),
          },
        },
        exclude: /node_modules/,
      },
    ],
  },
};

另外，你之前添加的LimitChunkCountPlugin可以删掉，因为splitChunks: false和runtimeChunk: false已经完全禁用了代码拆分逻辑，这个插件没必要保留。

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