webpack@4.46.0 源码分析

1. 给出一个实例，对比该案例webpack构建前后的差异，为后面分析构建主流程组铺垫 2. 分析运行时的执行逻辑。

tapable是webpack中插件能运行的基石，是webpack与开发者交流的话筒，增强了webpack基础功能。

webpack构建主流程塑造，从webpack(options) -> compiler -> compilation.

创建normalModule的前夕收集模块构建过程中的核心对象：parser、resolver、loader、generator

由于webpack为文件引用提供了多样的化了引用方式，单独实现一个enhanced-resolve库来解析文件路径为本地路径。

第四节创建完模式实例后，进入模块的构建工作，本节重点说loaders的执行。loader执行单独抽离成了一个库 loader-runner

上一节经过loader的执行会返回原始经过loader改造后的内容，之后我们需要解析该内容以收集dependencies。 本文重点说如何从_source解析出模块依赖dependencies和其基础

经过hooks.make部分的努力，完成从entry及其整条依赖链上的所有模块的构建。此时webpack会通过按照一定规则将模块进行聚合。

dependency graph -> chunk graph 具体案例分析（ 对 8. 从dependency graph 到 chunk graph的补充）

compilation.seal 中先是将模块聚合为chunk，第二步就是将chunk输出为最终的文件。

webpack中有很多值得学习的编程技巧，其中应用了多种设计模式：装饰器模式、责任链模式、模板方法模式、工厂方法模式