最近入职新公司，第一个任务是做部分依赖的大版本升级，但是在升级过程中遇到了很大的困难，其中一个很重要的原因是多包场景下依赖关系混乱

过去几年里前端构建工具如雨后春笋般不断涌现，大家在构建工具的选择上也不再局限于webpack和rollup等老牌构建工具，像esbuild和Vite等新一代构建工具不断向老牌构建工具发起挑战

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

想必经常使用基于webpack打包工具的框架的同学们，无论是使用React还是Vue在性能优化上使用最多的应该是分包策略（按需加载）。按需加载的方式使我们的每一个bundle变的更小，在每一个单页中只需要引入当前页所使用到的JavaScript代码，从而提高了代码的加载速度。但…