mini-webpack

• 实现过程的核心依赖
• 根据 @babel/parser将代码转译为 AST 。
  
• 根据 @babel/traverse解析 AST 获取,每个文件内部的依赖关系。

import 属于ESM语法webpack无法识别，需要使用require,并且使用 babel/core 把 esm 转为 cjs

通过 ejs 配置代码模版，生成合并打包后的js文件。

• babel/core esm 转 cjs 时，如果出现了报错，可以安装 babel-preset-env 插件解决；
  

loader原理：

• 将cjs模块不能识别的文件转译为能被识别的文件
  

plugin 原理：

• 基于 webpack底层实现的事件机制,在不同的执行过程中会抛出不同的hooks函数,监听这些函数就可以做一些额外的行为