每天读一点webpack-002

day-02-webpack入口函数

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

webpack.js

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

  • 

  const webpack = (options, callback) => {
    const create = () => {}
    // ...
  }

• createCompiler

  • 内部流程：
  • 

  • 主要功能

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