无

webpack 插件构建流程  webpack loader是负责不同类型文件的转译，将其转换为webpack能够接收的模块。而webpack插件则与loader有很大的区别，webpack插件是贯穿整个构建流程的，构建流程中的各个阶段会触发不同的钩子函数，在不同的钩子函数中做一些处理就是webpack插件要做的事情。  webpack一次完整的打包构建流程如下。初始化参数：将cli命令行参数与webpack配置文件合并、解析得到参数对象加载插件：参数对象传给webpack初始化生成compi.

Webpack 简介概述  webpack是一个开源的JavaScript模块打包工具，核心功能是解决模块之间的依赖，把各个模块按照特定规则和顺序组织在一起，最终合并为一个或者多个JS文件，整个过程被称为模块打包。  模块即一个日期处理的npm包或者一个提供工具方法的JS文件等。设计程序结构时，将所有代码堆砌到一起会非常糟糕，更好的方式是按照特定的功能将其拆分为多个代码段，每个代码段实现一个特定的功能，最后再通过接口将其组合。  JavaScript设计初仅是小型的脚本语言，远没有考虑到会用其实现.

代码分片  代码分片（code splitting）是webpack所特有的一项技术，可以将代码按照特定的形式进行拆分，不用一次全部加载而是按需加载，能有效降低首屏加载资源的大小。CommonsChunkPlugin  CommonsChunkPlugin是webpack4-内部自带的插件，可以将多个chunk中的公共部分提取出来。从而减少开发过程中模块的重复打包，提升开发速度。资源整体体积也减小了，并且可以有效的利用客户端缓存。  CommonsChunkPlugin可配置属性如下。name.