React Native打包：如何基于环境变量配置Metro排除指定文件夹

当然可以实现，核心思路是利用Node.js的环境变量读取能力，结合dotenv加载指定的.env文件，再动态生成blocklist规则。具体步骤如下：

1. 安装依赖（如果未安装） #

如果项目里还没用到dotenv，先安装它来加载.env文件：

npm install dotenv --save-dev
# 或使用yarn
yarn add dotenv --dev

2. 修改metro.config.js #

在配置文件中加载指定的.env文件，根据环境变量动态设置blocklist：

const path = require('path');
const dotenv = require('dotenv');
const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');

// 读取命令行传入的ENVFILE参数，默认加载根目录的.env
const envFilePath = process.env.ENVFILE ? path.resolve(__dirname, process.env.ENVFILE) : path.resolve(__dirname, '.env');
dotenv.config({ path: envFilePath });

// 初始化blocklist数组
let blocklist = [];

// 根据.env中的环境变量值添加对应的排除规则
// 示例：当环境为nonprod时排除prod-only文件夹，生产环境排除dev-tools文件夹
if (process.env.APP_ENV === 'nonprod') {
  blocklist.push(/src\/features\/prod-only\/.*/);
} else if (process.env.APP_ENV === 'production') {
  blocklist.push(/src\/features\/dev-tools\/.*/);
}

// 合并默认配置与自定义配置
const customConfig = {
  resolver: {
    blocklist,
  },
};

module.exports = mergeConfig(getDefaultConfig(__dirname), customConfig);

3. 配置.env文件 #

确保你的.env文件（比如.env.nonprod）中定义了对应的环境标识变量，例如：

APP_ENV=nonprod
# 其他环境变量...

4. 运行项目 #

保持你原来的命令形式即可，Metro会自动加载指定的.env文件并应用对应的blocklist规则：

ENVFILE=.env.nonprod react-native run-ios

注意事项 #

• 正则表达式要准确匹配目标文件夹路径，注意路径分隔符的转义（比如用\/代替/）
• 如果不需要排除任何文件夹，blocklist保持空数组即可
• 确保@react-native/metro-config已安装（React Native 0.71+默认包含）

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