optimist是一个node库,将webpack.config.js与shell参数整合成options对象
options对象包含之后构建的重要信息,类似于webpack.config.js
webpack初始化: 构建compiler对象;初始化基本插件,把options对应的选项进行require
compiler具体分为两个对象: compiler存放输入输出相关配置信息和编译器parser对象; watching: 监听文件变化
run 编译的入口方法
compile 由run触发,构建compilation对象
compilation负责整个编译过程,将存放modules、chunks生成的assets以及用来生成js的template,
包含打包重要的方法
addEntry 找到入口js文件
addModleChain 根据模板类型创建模块
addDependency 模块有多个依赖模块,通过此方法添加到依赖模块数组中
buildModule 创建模块添加到compilation对象上
(创建模块包括调用loader处理源文件,使用acron生成AST并遍历,遇见require等依赖时,添加到依赖数组)
seal 构建后的结果(即module与chunk)进行封装,生成hash
createChunkAsset 开始处理生成打包后的js文件
MainTemplate.render 处理入口文件的module
ChunkTemplate.render 处理非首屏,需异步加载的module,例如import异步导入的module
ModuleTemplate 对所有的模块进行一个代码生成
module.source 将module循环添加到source,一个source对应一个asset
compiler.emitAsset 生成最终js并输出到output的path
tapable: 贯穿整个webpack,是实现插件绑定与调用的库