module.exports = {
    optimization: {
        //满足下列条件的都需要切分
        splitChunks: {
        // 对所有模块进行优化, 其余可选值有: async(异步加载块), initail(初始值, 经过测试跟'all'没什么区别)
        chunks: 'all',
        // 最小chunk化size, 为了产生chunk
        minSize: 20000,
        // 最大chunk化size, 如果大于这个值会进一步split(此处设置是1m), 不过如果原本一个模块超过了1m, 那么是不会对单个模块再进行切分的, 应该在HTTP/2 或者long_term cache中使用, 他会为了更好的换成(颗粒度变小)增加请求次数, 可以为了快速重构降低文件大小
        maxSize: 1000000,
        // 在切分前, 可以共享一个模块的最小chunks数量
        minChunks: 1,
        // 最大异步请求
        maxAsyncRequests: 5,
        // 入口的最大请求数
        maxInitialRequests: 3,
        // 自定义分隔符将原有名 + chunk名(比如: vendor~main.js)
        automaticNameDelimiter: '~',
        // true根据模块和缓存组关键字自动生成, 也可以是name(module){return}, 命名需唯一.
        name: true,
        // cacheGroup优先级最高, 可覆盖之前的所有属性, 关闭cache groups 可设置{cacheGroups: {default: false}}
        cacheGroups: {
            venders: {
                // 控制被选择的模块, 如果选择所有模块就忽略掉它, 它能够匹配绝对模块原路径或者chunk名, 当chunk名被匹配,在这个chunk里的所有模块都会被选中.
                test: /[\\/]node_modules[\\/]/,
                priority: -10
            },
            react: {
                rest: /react/,
                priority: -9
            }
            default: {
                minChunks: 2,
                // 一个模块可以属于多个缓存组, 优化器会倾向于更高 priority属性的缓存组, 默认组通常priority为负, 因为自定义组的默认值为0
                priority: -20,
                // 如果当前chunk包含的module已经被main bundle切分, 那么会重复使用而不是新生产一个chunk, 会影响依赖chunk名产生的文件名
                reuseExistingChunk: true,
            }
        }
    }, 
}