部署App Engine遇文件过大错误，求解决及配置调整方案

1. 增大React构建内存的命令与部署错误无关 #

react-scripts --max_old_space_size=8192 build仅用于调整Node.js构建过程中的内存上限，解决的是构建时内存溢出问题，不会改变最终构建产物的文件大小，所以这个命令不是部署失败的诱因。

2. App Engine单个文件大小限制无法调整 #

App Engine平台对部署包中的单个文件有硬性32MB（33554432字节）限制，无法通过配置增大staging区域的文件大小上限，必须通过其他方式绕开该限制。

3. 针对GLTF大文件的解决方案 #

方案一：将大静态资源托管到Cloud Storage #

把GLTF文件从App Engine部署包中剥离，转由Cloud Storage托管：

• 在Google Cloud控制台创建Cloud Storage存储桶，设置资源为公开可读（如果是前端可访问的静态资源）
• 将GLTF文件上传到存储桶
• 修改React应用中引用GLTF文件的路径，替换为Cloud Storage的文件访问地址

方案二：压缩优化GLTF文件 #

使用工具压缩GLTF体积至32MB以下：

• 用glTF-Pipeline工具进行Draco压缩：

  gltf-pipeline -i input.gltf -o compressed.gltf --draco.compressionLevel 10
  

• 通过Blender等工具降低模型多边形数量、压缩纹理分辨率（按需调整，在保证视觉效果的前提下减小体积）

方案三：优化构建产物 #

• 关闭Source Map生成：在Cloud Build的client构建步骤中添加GENERATE_SOURCEMAP=false环境变量，避免生成额外大体积的source map文件，修改后的构建步骤：

  - name: 'gcr.io/cloud-builders/npm'
    entrypoint: npm
    args: ['run','build']
    env: ['NODE_ENV=production', 'GENERATE_SOURCEMAP=false']
    dir: 'client'
  

• 用source-map-explorer分析构建产物，排查是否存在冗余大文件：

  npm install -g source-map-explorer
  source-map-explorer client/build/static/js/*.js
  

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