2019年1月24日

理解webpack4.splitChunks之maxAsyncRequests

摘要:maxAsyncRequests和maxInitialRequests有相似之处,它俩都是用来限制拆分数量的,maxInitialRequests是用来限制入口的拆分数量而maxAsyncRequests是用来限制异步模块内部的并行最大请求数的,说白了你可以理解为是每个import()它里面的最大并 阅读全文

posted @ 2019-01-24 19:50 渴望做梦 阅读(1588) 评论(0) 推荐(2) 编辑

理解webpack4.splitChunks之maxInitialRequests

摘要:maxInitialRequests是splitChunks里面比较难以理解的点之一,它表示允许入口并行加载的最大请求数,之所以有这个配置也是为了对拆分数量进行限制,不至于拆分出太多模块导致请求数量过多而得不偿失。 这里需要注意几点: 入口文件本身算一个请求 如果入口里面有动态加载得模块这个不算在内 阅读全文

posted @ 2019-01-24 18:41 渴望做梦 阅读(2198) 评论(1) 推荐(2) 编辑

理解webpack4.splitChunks之cacheGroups

摘要:cacheGroups其实是splitChunks里面最核心的配置,一开始我还认为cacheGroups是可有可无的,这是完全错误的,splitChunks就是根据cacheGroups去拆分模块的,包括之前说的chunks属性和之后要介绍的种种属性其实都是对缓存组进行配置的。splitChunks 阅读全文

posted @ 2019-01-24 16:12 渴望做梦 阅读(5904) 评论(1) 推荐(1) 编辑

理解webpack4.splitChunks之chunks

摘要:上回说到按照默认的splitChunks配置,入口里面的第三方依赖没有打包出来,这个是因为chunks属性的原因,下面我们就介绍chunks属性的意义和用法。 chunks的含义是拆分模块的范围,它有三个值async、initial和all。 async表示只从异步加载得模块(动态加载import( 阅读全文

posted @ 2019-01-24 15:38 渴望做梦 阅读(4033) 评论(0) 推荐(1) 编辑

理解webpack4.splitChunks

摘要:一、前言 之前一直也没有研究过webpack4是基于怎样的规则去拆分模块的,现在正好有时间打算好好了解一下,看了官方文档也陆陆续续的看了看网上别人写的文章,感觉大部分都是将官方文档翻译了一遍,很多问题都没有解释清楚,无奈只好自己写demo去通过实际编译结果来理解,经过一天多的不断调试和百度,基本弄清 阅读全文

posted @ 2019-01-24 15:09 渴望做梦 阅读(14567) 评论(4) 推荐(4) 编辑

导航