create-react-app构建耗时长达2-2.5小时远超预期，如何排查解决？

核心原因 #

你当前把React项目创建在Google Drive云同步目录下，是导致安装速度极慢的最主要原因：包管理器安装依赖时会生成上万个细碎的小文件，云同步客户端会实时扫描、同步每一个新生成的文件，直接占满磁盘IO资源，拖慢整个安装流程。

优化方案 #

• 优先更换项目创建路径：将项目创建在本地磁盘的普通非同步目录下（比如Mac的~/个人目录下自建的Projects文件夹），不要放在Google Drive、iCloud、OneDrive等云同步目录内。如果需要备份项目，可在创建完成后手动拷贝到云盘，或者配置云同步规则忽略node_modules文件夹即可。
• 更换包管理器镜像源：国内访问官方npm源速度不稳定，可切换为国内镜像源加速拉包，执行以下命令配置：

  # npm配置国内镜像源
  npm config set registry https://registry.npmmirror.com/
  # yarn配置国内镜像源
  yarn config set registry https://registry.npmmirror.com/
  

• 指定使用npm初始化项目：如果yarn存在配置或缓存问题，可添加参数强制用npm创建项目：

  create-react-app vidly --use-npm
  

• 清理缓存后重试：如果此前安装有残留缓存，可先清理再重试创建：

  # 清理npm缓存
  npm cache clean --force
  # 清理yarn缓存
  yarn cache clean
  

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