每天读一点webpack-002

day-02-webpack入口函数

  • 先抛开webpack复杂的模块内部插件不谈,先看看webpack的主要工作流程,其主要流程很明显在webpack.js模块中。
webpack.js
  • 【每天读一点webpack-002】webpack.js模块会向外暴露一个名为webpack的方法,如下。其中定义了create方法,create内部通过createCompiler | createMultiCompiler创建compiler对象,根据webpack配置信息进行项目打包。
    • 每天读一点webpack-002
      文章图片
    const webpack = (options, callback) => { const create = () => {} // ... }

  • createCompiler
    • 内部流程:
    • 每天读一点webpack-002
      文章图片
    • 主要功能
      1. 配置初始化,归一化
      2. 通过Compiler类生成compiler实例
      3. plugins插件挂载
      4. 平台适配
      5. 钩子调用
      6. 返回compiler实例

    推荐阅读