React Native无桥架构发布包体积过大：需从60MB优化至20MB

针对你使用Bridgeless架构、无第三方依赖但Release包仍达60MB的情况，可从以下核心方向优化，目标降至20MB：

• 启用Hermes引擎并深度优化字节码
  Bridgeless架构原生支持Hermes，这是压缩JS体积的关键。在android/app/build.gradle中确保启用Hermes并开启优化：

  android {
      buildTypes {
          release {
              enableHermes = true
              hermesFlags += "-O" // 开启Hermes字节码优化
              minifyEnabled true
              shrinkResources true
              proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
          }
      }
  }
  

  Hermes会将JS代码预编译为紧凑字节码，配合R8混淆和资源收缩，能砍掉大量冗余JS和原生代码体积。

• 清理冗余资源并过滤不必要的资源变体

  • 检查res/drawable、res/mipmap及iOS的Assets.xcassets，删除测试图片、未使用的图标，用图片压缩工具压缩所有保留的资源（不损失视觉质量的前提下）。
  • 限制资源变体：Android端在app/build.gradle的defaultConfig中添加：

    resConfigs "zh-rCN", "en", "xxhdpi" // 仅保留所需语言和屏幕密度
    

    iOS端在Xcode的Build Settings中设置Asset Catalog Compiler Options的Remove Unused Resources为Yes。

• 拆分架构包，避免通用APK/App

  • Android放弃打universal APK，改用Android App Bundle（.aab），Google Play会根据用户设备分发对应架构（如arm64-v8a）的精简包，而非包含x86、armeabi-v7a等所有架构的大包。若自行分发，可拆分不同架构的独立APK。
  • iOS端在Xcode中移除模拟器架构（x86_64、i386），通过lipo命令裁剪二进制：

    lipo -remove x86_64 YourApp.app/YourApp -o YourApp.app/YourApp
    

    同时开启App Thinning和Strip Debug Symbols During Copy。

• 开启Tree Shaking并裁剪RN核心模块
  在metro.config.js中配置以增强Tree Shaking效果，移除未使用的JS代码：

  const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
  
  module.exports = mergeConfig(getDefaultConfig(__dirname), {
    transformer: {
      getTransformOptions: async () => ({
        transform: {
          inlineRequires: true,
          experimentalImportSupport: false,
        },
      }),
    },
    resolver: {
      unusedImports: true,
    },
  });
  

  若未使用RN核心模块（如Blob、NetInfo），可通过gradle配置排除：

  configurations.all {
      exclude group: 'com.facebook.react', module: 'react-native-blob'
  }
  

• 排查隐藏冗余依赖
  检查package.json的devDependencies，确保所有开发依赖（如测试库、调试工具）不会被打包进Release版本；Android端在build.gradle中排除测试依赖：

  configurations {
      releaseImplementation.exclude group: 'junit', module: 'junit'
  }
  

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