回顾一下,在之前的文章《有点难的webpack知识点:DependencyGraph深度解析》已经聊到,经过构建(make)阶段后,Webpack解析出:
module内容module与module之间的依赖关系图而进入生成(seal)阶段后,Webpack首先根据模块的依赖关系、模块特性、entry配置等计算出ChunkGraph,确定最终产物的数量和内容,这部分原理在前文《有点难的知识点:WebpackChunk分包规则详解》中也有较详细的描述。本文继续聊聊ChunkGraph后面之后,模块开始转译到模块合并打包的过程,大体流程如下:为了方便理解,我将打包过程横向切分为三个阶段:入口:指代从Webpack启动到调用