SplitChunkPlugin插件配置参数详解 对引入的库代码（例如:lodash、jQuery等）进行代码的分割进行优化 若配置时只写chunks："all"，其余则为默认配置 代码分割后的每一个js文件即为Chunk，如下图中的（main.js、vendors.js ...

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

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

　　splitChunks除了之前文章提到的规则外，还有一些要点或是叫疑惑因为没有找到官方文档的明确说明，所以是通过我自己测试总结出来的，只代表我自己的测试结果，不一定正确。 splitChunks.cacheGroup必须同时满足各个条件才能生效，这个之前我理解错误，我以为 ...

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

　　maxAsyncRequests和maxInitialRequests有相似之处，它俩都是用来限制拆分数量的，maxInitialRequests是用来限制入口的拆分数量而maxAsyncRequ ...

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

Vue插件编写、用法详解（附demo） 1、概述 简单来说，插件就是指对Vue的功能的增强或补充。 比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等 2、使用方法 总体流程应该是： 【声明插件】——【写插件】——【注册插件 ...