-
校验配置文件 :读取命令行传入或者
webpack.config.js文件,初始化本次构建的配置参数 -
生成
Compiler对象:为webpack事件流挂上自定义hooks -
webpack开始读取配置的Entries,递归遍历所有的入口文件 -
run/watch:如果运行在watch模式则执行watch方法,否则执行run方法 -
compilation:创建Compilation对象回调compilation相关钩子,依次进入每一个入口文件(entry),使用loader对文件进行编译。 -
将编译好的文件内容使用
acorn解析生成AST静态语法树。然后递归、重复的执行这个过程, 所有模块和和依赖分析完成后,执行compilation的seal方法对每个 chunk 进行整理、优化、封装__webpack_require__来模拟模块化操作. -
emit:所有文件的编译及转化都已经完成,包含了最终输出的资源,我们可以在传入事件回调的compilation.assets上拿到所需数据,其中包括即将输出的资源、代码块Chunk等等信息。
webpack构建流程
最新推荐文章于 2024-10-22 14:50:47 发布
这篇博客详细介绍了webpack的构建过程,从读取配置文件到生成Compiler对象,再到Entry的遍历和文件编译,深入解析了AST静态语法树的生成以及Compilation对象的seal方法。最后阐述了emit阶段,如何获取编译后的资源和输出信息。
407

被折叠的 条评论
为什么被折叠?



