webpack中打包配置公共模块、分包处理

//webpack.config.js 

optimization: {
        minimize: false,
        concatenateModules: true,
        splitChunks: {
            chunks: 'all', // 拆分
            minSize: 30,// 提取出的chunk的最小大小
            minChunks: 2,// 模块被引用2次以上的才抽离
            maxAsyncRequests: 5,
            maxInitialRequests: 3, //允许入口并行加载的最大请求数
            name: false,
            cacheGroups: {
                vendor: {//拆分第三方库（通过npm|yarn安装的库）
                    name: 'vendor',
                    chunks: 'initial',
                    priority: -10,
                    reuseExistingChunk: true,
                    test: /node_modules\/(.*)\.js/
                },
                default: {
                    minChunks: 2,
                    priority: -20,
                    reuseExistingChunk: true
                },
                styles: {
                    name: 'styles',
                    test: /\.(s?css|vue|less)$/,
                    chunks:"all",
                    enforce: true
                },
                common: {
                    name: "common",
                    chunks: "all",
                    minChunks: 2,
                    priority: 10,
                }
            }
        }
    },