React-Native通过babel移除导入后index.android.bundle大小不变原因问询

• Metro 依赖收集时机早于Babel转换，且默认无Tree Shaking能力 #

  React Native 官方的 Metro 打包器的依赖扫描逻辑执行顺序在 Babel 代码转换之前，就算你通过自定义 Babel 插件移除了ModuleUtils.ts中的两条导入语句，Metro 已经在扫描阶段将bcd、cde两个模块识别为项目依赖，将对应代码完整打入index.android.bundle。
  同时默认配置下 Metro 仅对 ES 模块格式的代码支持 Tree Shaking，绝大多数 React Native 第三方库使用 CommonJS 格式，Metro 无法自动删除未引用的 CommonJS 模块代码，因此两个版本的 JS bundle 体积完全一致。

• APK 体积差异来自原生端代码的自动裁剪 #

  若你导入的abc/bcd/cde是带原生实现的 React Native 库，react-native的自动链接机制会根据 JS 代码中的显式导入配置，决定是否将对应模块的原生 Android 代码编译进最终 APK。当你移除b、c的导入后，对应库的原生代码不会被打包进 APK，因此导入更少模块的版本 APK 体积更小。

• 验证&修复方案 #

  • 打包前执行npx react-native start --reset-cache清除 Metro 缓存后重新打包，确认是否仍存在 bundle 体积一致的问题
  • 直接检索两个版本的index.android.bundle的bcd、cde关键词，即可确认对应模块代码是否都被打入包内
  • 若需要实现 JS 端模块裁剪，可开启 Metro 实验性 Tree Shaking 配置，或改用import()动态导入的方式配合打包配置实现按需加载

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