Please enable JavaScript.

Coggle requires JavaScript to display documents.

webapck源码分析 - Coggle Diagram

- - - - SyncHook 同步钩子
      - SyncBailHook 同步熔断钩子
      - SyncWaterfallHook 同步流水钩子
      - SyncLoopHook 同步循环钩子
    - - AsyncParallelHook 异步并发钩子
      - AsyncParallelBailHook 异步并发熔断钩子
      - AsyncSeriesHook 异步串行钩子
      - AsyncSeriesHook 异步串行熔断钩子
      - AsyncSeriesWaterfallHook 异步串行流水钩子
    - - hook
        
        所有钩子的后缀
      - waterfall
        
        同步方法，但是他会传值给下一个函数
      - Bail
        
        熔断：当函数有任何返回值，就会在当前执行函数停止
      - Loop
        
        监听函数返回true标识继续循环，返回undefine标识结束循环
      - Sync
        
        同步方法
      - AsyncSeries
        
        异步串行钩子
      - AsyncParallel
        
        异步并行执行钩子
  - - - 绑定： tapAsync/tapPromise/tap
      - 执行： callAsync/promise
    - - 绑定： tap
      - 执行： call
- - - - 实际入口
        
        实际入口是 node_modules\wqebpack\bin\webpack.js
      - 如何查找
        
        通过bin目录可以进行查找
  - - - 引入了yargs,对命令行进行定制
      - 分析命令行参数，对各个参数进行转换，组成变异配置项
      - 引用webpack,根据配置项进行编译和构建
    - - 关键参数: group
- - - - 流程相关
        
        (before-) run
        
        (before-/after-)compile
        
        make
        
        (after-)emit
        
        done
      - 监听相关
        
        watch-run
        
        watch-close
      - 会调用Compilation生命周期方法
        
        addEntry -> addModuleChain
        
        finish(上报模块错误）
        
        seal
    - - ModuleFactory
        
        contextModuleFactory
        
        带有路径名的导入
        
        NormalModuleFactory
        
        import export 普通导入导出模块
        
        build
        
        使用loadert-runner运行loaders生成js代码
        
        通过Parser解析（内部是acron)
        
        parserPlugins 添加依赖
      - module的区分
        
        NormalModule 普通模块
        
        ContextModule
        
        ./src/a
        
        ExternalModule
        
        module.exports=jQuery
        
        DelegatedModule
        
        manifest
        
        MultiModule
        
        entry: ['a', 'b']