为何create-react-app在ExFAT外置硬盘生成的文件夹占用空间远大于内置硬盘

核心原因 #

你遇到的空间差异完全是ExFAT文件系统的簇（分配单元）大小设置导致的，和磁盘碎片、create-react-app本身没有关系：

• ExFAT格式化时如果选择了较大的簇大小（常见的外置硬盘出厂默认簇大小可达128KB、1MB甚至更高），每个文件无论实际体积多小，都会占用至少1个完整的簇的存储空间。
• create-react-app生成的项目包含node_modules目录，内置了数万甚至十几万的小体积文件（大量几KB的js模块、配置文件、说明文档等），大簇场景下这些小文件会产生极其夸张的空间浪费，才会出现244M实际数据占用5GB磁盘空间的情况。
• 你的Mac内置硬盘默认使用APFS文件系统，簇大小极小，同时自带重复数据删除、文件压缩等优化，所以能贴近实际数据体积占用。

解决方案 #

可根据你的使用场景任选一种：

• 重新格式化外置硬盘：备份外置硬盘所有数据后，重新格式化为ExFAT时将分配单元大小调整为4KB或32KB，兼顾小文件存储和大文件读写效率，格式化完成后再放回项目即可恢复正常占用。如果你的外置硬盘仅在Mac设备上使用，也可以直接格式化为APFS，优化效果更好。
• 使用虚拟磁盘镜像存储项目：不需要修改现有硬盘格式，在外置ExFAT硬盘中新建一个APFS格式的dmg磁盘镜像，将项目存放到挂载后的镜像内即可，完全避开ExFAT的簇浪费问题。
• 替换包管理器为pnpm：无需修改硬盘设置，全局安装pnpm后用pnpm create react-app创建项目，pnpm通过全局依赖硬链接的机制会大幅减少项目内的小文件数量，不管使用什么文件系统都能显著降低空间占用。

正常性说明 #

这个情况属于ExFAT文件系统特性叠加前端项目依赖结构的正常现象，不属于硬件故障或者操作失误，按照上面的方案调整即可解决。

内容的提问来源于stack exchange，提问作者hustnzj