-
校验配置文件 :读取命令行传入或者
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-01-25 17:18:55 发布