webpack 从指定入口文件中提取公共文件的方法

CommonsChunkPlugin的实现
entry: {
    index:'./src/index.js',
    index1:'./src/index1.js',
    index2:'./src/index2.js'
},
plugins: [
  new CommonsChunkPlugin({
    name:"mon1",
    chunks:['index','index1','index2']
  })
]

optimization: {
    splitChunks: {
      chunks:"all",
      minSize: 0,
      cacheGroups: {
        mon: {
          minChunks: 3,
          priority: -1,
          name:'mon',
          chunks (chunk) {
            // exclude `my-excluded-chunk`
            return ['index','index1','index2'].includes(chunk.name);
          }
        }
      }
    }
  }

new CommonsChunkPlugin({
  name:"mon1",
  chunks:['index','index1','index2']
}),
new CommonsChunkPlugin({
  name:"mon2",
  chunks:['app','app1','app2']
}),
new CommonsChunkPlugin({
  name:"mon3",
  chunks:['mon1','mon2']
})

optimization: {
    runtimeChunk: 'single',
    splitChunks: {
      chunks:"all",
      minSize: 0,
      cacheGroups: {
        mon3: {
         minChunks: 6,
         priority: 1,
         reuseExistingChunk: true
        },
        mon2: {
          minChunks: 3,
          priority: -2,
          name:'mon2',
          chunks (chunk) {
            // exclude `my-excluded-chunk`
            return ['app','app1','app2'].includes(chunk.name);
          }

        },
        mon1: {
          priority: -1,
          name: 'mon1',
          minChunks: 3,
          enforce: true,
          chunks (chunk) {
            return ['index','index1','index2'].includes(chunk.name);
          }
        }
      }
    }
  }