Webpack 5 {输出：chunkFilename} 不工作

Question

目前，我正在将一些样板代码从 Webpack v4 迁移到 v5，但我仍坚持生成的输出。

在我的 webpack 配置中，我使用单文件条目和 splitChunks 选项将游戏代码与我正在使用的库分开。

optimization: {
        splitChunks: {
            chunks: "all",
        },
}

输出 -

output: {
            path: path.resolve(__dirname, "dist"),
            filename: "game.[contenthash].js",
            chunkFilename: "game-libraries.[contenthash].js",
},

因此，当我运行构建时，我会分割文件，但它们都遵循文件名结构。

前生产构建 -

游戏.4c49dce85aa02822c28d.js

游戏.f4e81e5394bdc5feaa3b.js

我觉得 chunkFilename 选项被忽略了。

我缺少什么？

Answer 1

它似乎是由默认 splitChunks 配置创建的块。两个条目共享公共模块。这不受 chunkFilename 影响，而是受文件名影响

参考： https: //github.com/webpack/webpack/issues/9297 ..可能您正面临这个问题...文件名用于分块文件名