optimization: {
splitChunks: {
chunks:
"async"
,
// 必须三选一: "initial" | "all"(推荐) | "async" (默认就是async)
minSize: 30000,
// 最小尺寸,30000
minChunks: 1,
// 最小 chunk ,默认1
maxAsyncRequests: 5,
// 最大异步请求数, 默认5
maxInitialRequests : 3,
// 最大初始化请求书,默认3
automaticNameDelimiter:
'~'
,
// 打包分隔符
name:
function
(){},
// 打包后的名称,此选项可接收 function
cacheGroups:{
// 这里开始设置缓存的 chunks
priority: 0,
// 缓存组优先级
vendor: {
// key 为entry中定义的 入口名称
chunks:
"initial"
,
// 必须三选一: "initial" | "all" | "async"(默认就是async)
test: /react|lodash/,
// 正则规则验证,如果符合就提取 chunk
name:
"vendor"
,
// 要缓存的 分隔出来的 chunk 名称
minSize: 30000,
minChunks: 1,
enforce:
true
,
maxAsyncRequests: 5,
// 最大异步请求数, 默认1
maxInitialRequests : 3,
// 最大初始化请求书,默认1
reuseExistingChunk:
true
// 可设置是否重用该chunk
}
}
}
},