每天读一点webpack-003

彭博 - 2021-10-12 12:58:56

---

day-03-webpack Compiler 类

Compiler 类用于实例化一个 compiler 实例

该类中主要掌控整个打包流程，开始打包 ==> 实例划 Compilation进行打包 ===> emitAssets打包结果输出webpack 为了保证很好的扩展性，在实现时通过tapable工具库定义了大量的钩子，而在整个项目打包编译过程中，会在指定打包节点调用特定类型的钩子，从而全过程的可控。定义一些方法提供给 compile 钩子函数使用如：getCache、getInfrastructureLogger

关键方法

run: 启动打包流程

beforeRun 钩子调用run钩子调用records获取compile调用，开始打包流程onCompiled方法调用,打包结果输出

compile: 启动编译

beforeCompile 钩子调用compile 钩子调用newCompilation 获取 compilationmake钩子调用finishMake钩子调用compilation.finish 调用，结束编译compilation.seal 调用，打包编译结果afterComple 钩子调用newCompilation： 用于获取 compilation实例

onCompiled: 调用 emitAssets 进行打包结果输出

抛开以上所列出功能中的钩子函数调用，webpack的Compiler 类的功能流程比较简单：run ==> compile ==> compilation ==> compilation.finish ==> compilation.seal ==> emitAssets

Tags 标签

javascript前端node.jses6webpack

扩展阅读