前端模块化成为了主流的今天，离不开各种打包工具的贡献。社区里面对于 webpack、rollup 以及后起之秀 parcel 的介绍层出不穷，对于它们各自的使用配置分析也是汗牛充栋。为了避免成为一位“配置工程师”，我们需要来了解一下打包工具的运行原理，只有把核心原理搞明白了，在工具的使用上才能更加得心应手。
本文基于 parcel 核心开发者 @ronami 的开源项目 minipack 而来，在其非常详尽的注释之上加入更多的理解和说明，方便读者更好地理解。
目录
- 打包工具核心原理
- 依赖关系解析
- 建立依赖关系图集
- 进行打包
总结
经过上面几个步骤，我们可以知道一个模块打包工具，第一步会从入口文件开始，对其进行依赖分析，第二步对其所有依赖再次递归进行依赖分析，第三步构建出模块的依赖图集，最后一步根据依赖图集使用 CommonJS 规范构建出最终的代码。明白了当中每一步的目的，便能够明白一个打包工具的运行原理。
最后再次感谢 @ronami 的开源项目 minipack，其源码有着更为详细的注释，非常值得大家阅读。
转载请注明：OnlyLing - Web 前端开发者 » 打包工具原理解析