webpack编译构建流程
2019-03-28 14:07:51 0 举报登录查看完整内容
webpack 编译构建流程图
作者其他创作
大纲/内容
compilation对象
解析文件调用loader
webpack.optimize下的插件调用
是
没有依赖模块进行加载
module对象
this.newCompilation(params)
build-module
编译完成 触发seal
mainTemplate
调用createModuleAssets()
emitAssets:执行文件输出
触发make事件
parse对象中acron将js解析为AST语法树 对象
addEntry
compiler对象
chunkTemplate
修改compilation.assets属性
针对chunk和module的各种优化
如果需要尽早对compilation进行操作，可以在这一步进行
编译完成after-compile
after-emit: 文件输出完毕
调用createChunkAssets()
compiler.run(callback)
done:完成一次完整的编译和输出
_addModuleChain
module.build
moduleTemplate
是否是入口文件
遍历AST构建依赖模块
create-module 创建模块
compile(): 开始编译
否
收藏
收藏
0 条评论
回复 删除
下一页
