美文网首页
splitChunksPlugin默认配置

splitChunksPlugin默认配置

作者: 晓露_0d5c | 来源:发表于2019-12-04 18:59 被阅读0次

    https://webpack.js.org/plugins/split-chunks-plugin/

    默认配置:

    optimization: {

            splitChunks: {

              chunks: 'async', //只对异步引入模块进行代码分割

              minSize: 30000,//只对大于30000的模块进行异步分割

              minRemainingSize: 0,

              maxSize: 0,

              minChunks: 1,//模块引入此时至少1次才会进行代码分割

              maxAsyncRequests: 6,

              maxInitialRequests: 4,

              automaticNameDelimiter: '~',//代码分割命名分割符

              automaticNameMaxLength: 30,

              cacheGroups: {  //缓存组,模块满足上面条件还不够,必须满足下面某组条件才会被代码分割

                vendors: {

                  test: /[\\/]node_modules[\\/]/, //模块是不是在node_modules里面

                  priority: -10 //优先级,该值越大,优先级越高

                },

                default: {

                  minChunks: 2, 

                  priority: -20,

                  reuseExistingChunk: true //之前引入的模块已经把后续引入的模块已经进行代码分割了,不再重复分割

                }

              }

            }

          }

    相关文章

      网友评论

          本文标题:splitChunksPlugin默认配置

          本文链接:https://www.haomeiwen.com/subject/jqglgctx.html