Webpack 记录

构建工具就是将源代码转换成可执行的 JavaScript、CSS、HTML 代码,文档

速记

Entry ：入口，Webpack 执行构建的第一步将从 entry 开始，可抽象成输入；
Module：模块，配置处理模块的规则；在 Webpack 里一切皆模块，一个模块对应一个文件；Webpack 会从配置的 Entry 开始递归找出所有依赖的模块；
Loader：模块转换器，用于将模块的原内容按照需求转换成新内容；
Resolve：配置寻找模块的规则；
Plugin：扩展插件，在 Webpack 构建流程中的特定时机会广播对应的事件，插件可以监听这些事情的发生，在特定的时机做对应的事情；
Output：输出结果，在 Webpack 经过一系列处理并得出最终想要的代码后输出结果；
Chunk：代码块，一个 Chunk 由多个模块组合而成，用于代码合并与分割；

初始化参数：从配置文件和 Shell 语句中读取与合并参数，得出最终的参数；
开始编译：用上一步得到的参数初始化 Compiler 对象，加载所有配置的插件，通过执行对象的 run 方法开始执行编译；
确定入口：根据配置中的 entry 找出所有入口文件；
编译模块：从入口文件出发，调用所有配置的 Loader 对模块进行翻译，再找出该模块依赖的模块，再递归本步骤直到所有入口依赖的文件都经过了本步骤的处理；
完成模块编译：在经过第 4 步使用 Loader 翻译完所有模块后，得到了每个模块被翻译后的最终内容及它们之间的依赖关系；
输出资源：根据入口和模块之间的依赖关系，组装成一个个包含多个模块的 Chunk，再将每个 Chunk 转换成一个单独的文件加入输出列表中，这是可以修改输出内容的最后机会；
输出完成：在确定好输出内容后，根据配置确定输出的路径和文件名，将文件的内容写入文件系统中；