乐趣区

关于javascript:每天读一点webpack002

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 实例
退出移动版