Webpack构建流程

27 阅读1分钟
  1. 初始化参数:解析配置参数,合并webpack.config.js里的配置参数

  2. 开始编译:用上一把得到的参数初始化compiler对象,注册插件(插件监听生命周期的事件节点),执行run方法开始编译

  3. 确定入口:从配置的entry入口,解析文件,以递归方式构建AST树,找出依赖关系

  4. 编译模块:在递归过程中,根据文件类型,调用相应的loader对文件进行转换,直到所有入口依赖的文件都经过了本步骤的处理

  5. 完成编译并输出:递归完成后,得到每个文件的结果,根据entry或分包配置生成代码块chunk,并输出到文件系统