有人可以解释一下如何在Webpack 4中配置splitChunks
插件,以便它仅为应用程序(索引)生成一个捆绑包,为节点模块生成一个捆绑包(或多个)。目前,我有以下配置-
entry: {
app: ['./path-to-file.js']
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].bundle.[hash].js',
<etc>
}
和在“优化”部分-
optimization: {
splitChunks: false, // It is set to false just for testing
}
即使splitChunks
插件设置为false
,我也得到了这个-
[0].bundle.XXX.js
[1].bundle.XXX.js
...
[11].bundle.XXX.js
我不知道如何限制生成的捆绑包数量。
我尝试按照此处reference的建议使用LimitChunkCountPlugin
插件,并将maxChunks
设置为1
-可行,但是我只有一个应用程序包,但是现在的问题是,我无法使用splitChunks
插件来拆分节点模块,因为当我扩大maxChunks
插件的LimitChunkCountPlugin
值时,它将首先拆分应用程序,并导致多个[0]-[11]应用程序捆绑包再次。你能解释为什么会这样吗?
我正在使用webpack 4。