WebPack是一种静态资源模块化包装工具。通过分析模块之间的依赖关系，打包一个或多个捆绑文件
index.js（入口） - > person.js（依赖项） - > name.js（依赖）
观察发现，各种属性代表各种JS代码（此过程具有短语分析，语法分析）
3.步骤3：在AST语法树的 - 深度遍历中，获取entry.js依赖项
4.步骤4：包装以获取所有文件依赖项，分析输入文件提取依赖项
6.步骤6：创建整体结果代码块，您需要立即接收参数并执行该参数，因此定义一个自我执行函数软件包，遍历图形以获取所有模块。它只能指示模块之间的依赖关系并且没有获得真实的代码，因此您需要安装插头，然后通过Babel将AST转换为代码
7.步骤7：被Babel编译和包装后，可以通过模块需求分析数据
在大多数情况下，块和捆绑包与它们相对应，但是有例外。如果添加了源地图，则一个条目，一个块也将产生两个捆绑包
包装期间，加载程序和插件的作用是什么？
原始：https：//juejin.cn/post/7099846010456768525