node_modules体积过大咨询：新建Next.js项目320MB是否正常？

一、320MB的node_modules是否正常？ #

• 这个体积是完全正常的。Next.js本身集成了React、Webpack、Babel等整套前端构建工具，再加上默认依赖的eslint、autoprefixer、postcss等工具库，这些依赖本身就会占用不少空间。
• 若启用了App Router、图片优化、国际化等进阶功能，还会引入额外依赖包，进一步增大体积。
• 另外，npm/yarn/pnpm等包管理器安装依赖时，会下载包含源码、文档、测试文件的完整包，这也是体积较大的原因之一。

二、是否和Node.js版本有关？ #

• 直接关联不大，但存在间接影响：
  • Node.js版本会影响包管理器的行为，比如npm v6和v8在依赖树扁平化处理上有差异，可能导致重复安装的依赖数量不同，进而影响总大小。
  • 部分依赖包会针对不同Node.js版本发布适配子包（如包含编译后的二进制文件），若你的Node.js版本对应了体积更大的适配包，会略微影响总大小，但这种影响通常不显著。
  • 核心原因还是Next.js本身的依赖栈规模，而非Node.js版本直接导致体积剧增。

三、优化体积的实用技巧 #

• 用pnpm替代npm/yarn：pnpm通过硬链接和符号链接共享依赖，能大幅减少重复依赖的磁盘占用，通常可将体积压缩至原来的1/3甚至更小。
• 定期清理无用依赖：执行npm prune或pnpm prune移除未在package.json中声明的依赖。
• 生产环境仅安装必要依赖：部署前可使用npm install --production只安装生产依赖，Next.js部署流程通常也会自动处理这一点。

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