类似的文章实在是太多，但往往不够全面或太浅。而且往往忽略介绍“打包工具”本身。 特别是对于初学者来说，对“打包工具”是没有概念的。### 第一部分通过介绍打包工具的作用，让读者对打包工具有感性的认识。### 第二部分介绍了流行的几款打包工具。##### grunt & gulp> 这两者放一起讲的 + 不是打包工具，而是通用的“自动化”工具+ 门槛高+ 不推荐##### vite+ 开箱即用，且和 vue 亲和度高+ 快+ 新、火+ 推荐新手使用##### snowpack+ 开箱即用，相对而言，跟 react 亲和度高+ 通过“不打包”的方式，在速度上极可观+ 功能不完善（或者说“支持度不完善”）+ 不推荐在重要的生产项目中使用#### parcel+ 开箱即用，自动安装依赖，免去一切安装操作+ 速度快+ bug 多，维护状态不佳+ 不推荐#### esbuild+ go 语言加持，速度极快+ 作为 vite 的依赖，维护状态有保证#### rollup 和 webpack共同点：+ 有使用门槛，但比 grunt & gulp 低+ 成熟稳定+ 功能完善，支持度高+ 用户多webpack：+ 速度广受诟病，但不是不可接受，毕竟开发模式有热重载+ 吃得开，大家都在用rollup：+ 很多人不知道 rollup 也可以作为开发应用使用，其实只需要一个 rollup-plugin-serve这两者，比较推荐非新手程序员使用链接 https://zhuanlan.zhihu.com/p/455365896