Webpack4 入口文件cacheGroups拆分分片数量不正确

 --mode production

optimization: {
    splitChunks: {
        chunks: 'all',
        maxInitialRequests: 3, // 默认
        cacheGroups: {
            vendors: {...},
            element: {...},
            echarts: {...}
        }
    }
}

如上打算在cacheGroups中指定把app.js中的文件分成4个部分（包括app.js），但是实际打包只分出3个部分。

这是因为webpack4 的默认配置maxInitialRequests: 3导致的，表示首页面最多请求3次，所以就把app.js分了3个出来。

将maxInitialRequests改大一些就可以了