如何降低Next.js项目next build过程的内存占用？

调整Next.js构建配置 #

• 启用SWC压缩（Next.js默认已启用，可确认配置），它比传统Terser编译更快、内存占用更低：

  // next.config.js
  module.exports = {
    swcMinify: true,
  }
  

• 限制Node.js内存上限，通过环境变量控制构建进程的内存使用，预留部分内存给系统进程：

  NODE_OPTIONS="--max-old-space-size=768" next build
  

  这里把内存上限设为768MB，避免占满1GB服务器内存导致卡顿。
• 临时禁用非必要的构建特性（仅用于测试，不建议长期关闭）：

  // next.config.js
  module.exports = {
    compress: false,
  }
  

优化项目代码与依赖 #

• 清理无用依赖：执行npm prune或yarn dedupe移除未使用的包，减少构建时需要编译的模块数量。
• 按需导入第三方库：比如用import debounce from 'lodash/debounce'替代全量导入import _ from 'lodash'，降低单模块体积。
• 拆分大组件/页面：把复杂页面拆分成多个小组件，减少单个模块的编译复杂度，降低内存负载。

系统层面的内存优化 #

• 构建前清理系统缓存（需root权限），释放闲置内存：

  sync && echo 3 > /proc/sys/vm/drop_caches
  

• 临时创建swap分区缓解内存不足：

  sudo fallocate -l 1G /swapfile
  sudo chmod 600 /swapfile
  sudo mkswap /swapfile
  sudo swapon /swapfile
  

  构建完成后可关闭swap：sudo swapoff /swapfile

构建任务拆分与工具辅助 #

• 用PM2管理构建进程，设置内存限制，避免进程因内存过高崩溃：

  pm2 start npm --name "next-build" -- run build -- --max-old-space-size=768
  

• 若项目模块独立，分阶段构建：先编译公共组件，再构建页面，避免一次性处理所有代码。

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