vue项目资源打包分割配置，config.optimization.splitChunks提升项目加载速度，非常好用，可参照官网也可按照我的无脑配置

config
      .when(process.env.NODE_ENV !== 'development',
        config => {
          config
            .optimization.splitChunks({
              chunks: 'all',//对同步异步加载资源都进行处理
              maxInitialRequests: Infinity,
              minSize: 20000,//单包最小20KB
              maxSize: 500000,//最大500KB
              cacheGroups: {
                vendors: {
                  test: /[\\/]node_modules[\\/]/,
                  priority: -10,
                  name(module) {
                    const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1]
                    return `nodemodules.${packageName.replace('@', '')}`
                    //nodemodules是自己命名的，为了区分依赖和项目自身打包块
                  }
                }
              }
            })
          config.optimization.runtimeChunk('single')
        }
      )

打包后结果