1. 开启gzip压缩的好处 可以减小文件体积，传输速度更快。gzip是节省带宽和加快站点速度的有效方法。 客户端接受到数据后去检查对应字段的信息，就可以根据相应的格式去解码。 客户端请求时，可以用 Accept-Encoding:gzip，用户说明接受哪些压缩方法。 客户端在…

1. 用include或exclude来避免不必要的转义 2. 开启缓存将转译结果缓存至文件系统 3. DllPlugin/DLLReferencePlugin优化处理 处理第三方库有多种方式，externals、CommonsChunkPlugin、splitChunks、D…

在开始教程前，先看看我们通过本教程能学到什么。 调整 package.json 文件，以便确保我们安装包是私有的(private)，并且移除 main 入口。这可以防止意外发布你的代码。 同时加入script命令，让执行npx webpack 等同于执行npm run buil…

何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。

需要引入十几个css和js文件，而且因为他们彼此间有着依赖关系，所以引入的顺序还不能乱。 传统的html+css+js开发方式不能不能很好地运用less/scss等css预处理器以及ES6+的高级语法。 代码复用性差，可维护性差。 此时就需要一个处理这些问题的工具，webpac…

1.2 第三方组件和插件。按需加载需引入第三方组件 通过 include、exclude 来减少被处理的文件。 extension 配置之后可以不用在 require 或是 import 的时候加文件扩展名,会依次尝试添加扩展名进行匹配。 alias 通过配置别名可以加快 we…

新建一个空文件夹，用于创建项目，使用 npm init 命令创建一个 package.json 文件。 输入这个命令后，终端会问你一系列诸如项目名称，项目描述，作者等信息，也可以使用 npm init -y 这个命令来一次生成 package.json 文件，这样终端不会询问你…

随着业务复杂度的不断的增加，工程模块的体积也会不断增加，构建后的模块通常要以M为单位计算。在构建过程中，基于nodejs的webpack在单进程的情况下loader表现变得越来越慢，在不做任何特殊处理的情况下，构建完后的多项目之间公用基础资源存在重复打包，基础库代码复用率也不高…

俩个插件效果一致，都是生成编译结果的资源单，只是资源单的数据结构不一致而已。 在编译之前清理指定目录指定内容。 使你的chunk根据内容生成md5，用这个md5取代 webpack chunkhash。 CommonChunkPlugin 的后世，用于chunk切割。 dllP…