reactjs Webpack splitchunks创建动态块文件

jgwigjjp  于 2023-05-28  发布在  React
关注(0)|答案(1)|浏览(187)

期望只有两个块vendors和commons。但是webpack会为特定的条目创建一个新的块文件。

optimization: {
    splitChunks: {
        chunks: 'all',
        cacheGroups: {
            vendor: {
                name: 'vendors',
                chunks: 'all',
                test: /[\\/]node_modules[\\/]/,
                reuseExistingChunk: true,
            },
            common: {
                chunks: 'all',
                minChunks: 9,
                name: 'commons',
                reuseExistingChunk: true,
            }
        }
    }
}

如何强制webpack使用cacheGroups中的一个而不创建新的?

7d7tgy0s

7d7tgy0s1#

从Webpack v4升级到v5后,我遇到了类似的问题。有几个块的文件名中有“~”。
这个splitChunks配置让我回到了每个入口点只有一个bundle文件和一个共享供应商bundle。

optimization: {
    splitChunks: {
       cacheGroups: {
          commons: {
             test: /[\\/]node_modules[\\/]/,
             name: "vendor",
             chunks: "initial",
          },
       }
    }
}

相关问题