paquete web de splitChunk

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

   }

  }

 }

 },

Publicado 21 artículos originales · ganado elogios 2 · Vistas 7283

Supongo que te gusta

Origin blog.csdn.net/qq_31261131/article/details/104934265
Recomendado
Clasificación