总之有这么多钩子可以用:

  1. entryOption:在entry配置项处理前被调用,可以修改entry配置项;
  2. beforeRun:在运行编译器前被调用;
  3. run:在开始读取记录时被调用;
  4. emit:生成资源到output目录之前被调用;
  5. afterEmit:生成资源到output目录之后被调用;
  6. thisCompilation:在compilation创建之前被调用,可以用于注册额外的插件等;
  7. compilation:在compilation创建时被调用,用于注册一些回调等;
  8. normalModuleFactory:在normal module工厂创建之后被调用,可以在模块加载前完成一些准备工作;
  9. contextModuleFactory:类似于normalModuleFactory,但是用于动态上下文模块;
  10. beforeCompile:编译器开始编译之前被调用;
  11. compile:编译器开始编译时被调用;
  12. afterCompile:编译器完成编译之后被调用;
  13. watchRun:在watch模式编译器运行之前被调用;
  14. failed:当编译失败时被调用;
  15. done:同时编译和重新编译完成后被调用。

案例1.entryOption

class MyEntryOptionPlugin {
  apply(compiler) {
    compiler.hooks.entryOption.tap("MyEntryOptionPlugin", (context, entry) => {
      // 遍历所有入口配置
      for (const entryName in entry) {
        const entryPath = entry[entryName];
        // 处理入口路径
        const newEntryPath = modifyEntryPath(entryPath);
        // 更新入口配置
        entry[entryName] = newEntryPath;
      }
    });
  }
}
function modifyEntryPath(path) {
  // 在路径前添加前缀
  return `./src/${path}`;
}
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐