Webpack中compiler.hooks

Webpack的compiler.hooks包含一系列钩子,如environment、run、compile等,它们在构建过程中按特定顺序触发。了解这些钩子的顺序对于开发插件和优化构建流程至关重要。例如,beforeCompile用于编译前,compilation则在编译创建后触发,而done表示构建完成。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在Webpack中,以下是compiler.hooks中一些常用钩子的触发顺序:

  1. environment: 在开始读取配置之前触发。
  2. afterEnvironment: 在读取配置之后触发。
  3. entryOption: 在处理入口配置之前触发。
  4. afterPlugins: 在加载完插件之后触发。
  5. afterResolvers: 在解析完所有插件之后触发。
  6. beforeRun: 在开始运行Webpack之前触发。
  7. run: 在Webpack开始运行时触发。
  8. watchRun: 在开始运行Webpack并处于监听模式时触发。
  9. normalModuleFactory: 在正常模块工厂创建之后触发。
  10. contextModuleFactory: 在上下文模块工厂创建之后触发。
  11. beforeCompile: 在编译之前触发。
  12. compile: 在开始编译时触发。
  13. thisCompilation: 在开始新的编译时触发。
  14. compilation: 在编译创建之后触发。
  15. make: 在创建编译完成后触发。
  16. afterCompile: 在编译之后触发。
  17. emit: 在生成资源到输出目录之前触发。
  18. afterEmit: 在生成资源到输出目录之后触发。
  19. done: 在Webpack完成构建之后触发。

请注意,这只是一些常见的钩子,并且具体的触发顺序可能会因配置和插件的不同而有所变化。对于某些特定的钩子,可能还会有更多的细分阶段。了解每个钩子的触发时机对于开发自定义插件和对Webpack构建过程的深入理解非常有帮助。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值