【魔仙带你使用webpack炼制千年丹药】

89 阅读1分钟

WX20221128-223313.png

webpack是一个打包工具🔧 可以看作一个炼丹炉

  • 在我们的项目中,往往分布着各类资源,如html,js,css,png等,经过炼丹炉的制造,压缩成了神奇的千年丹药bundle.js,服用下去项目将收入囊中。

webpack工作流程

  • webpack cli 开始启动打包流程
  • 载入核心模块 创建compiler对象
  • 使用compiler对象开始编译整个项目
  • 从入口文件开始解析模块依赖,形成依赖关系树
  • 递归依赖树🌲 每个模块给对应的loader处理
  • 合并loader处理的结果 输出到dist目录

微博运营流程图.png