每天读一点webpack-002

day-02-webpack入口函数

  • 先抛开webpack复杂的模块内部插件不谈,先看看webpack的主要工作流程,其主要流程很明显在webpack.js模块中。

webpack.js

  • webpack.js模块会向外暴露一个名为webpack的方法,如下。其中定义了create方法,create内部通过createCompiler | createMultiCompiler创建compiler对象,根据webpack配置信息进行项目打包。

    • 每天读一点webpack-002_第1张图片
    const webpack = (options, callback) => {
      const create = () => {}
      // ...
    }
  • createCompiler

    • 内部流程:
    • 每天读一点webpack-002_第2张图片
    • 主要功能

      1. 配置初始化,归一化
      2. 通过Compiler类生成compiler实例
      3. plugins插件挂载
      4. 平台适配
      5. 钩子调用
      6. 返回compiler实例

你可能感兴趣的