React Native引入含fs的npm库仅用f2函数打包失败，求解决方案

以下是几种可行的解决办法，无需修改原依赖库源码也能解决：

方法一：通过Metro配置映射空模块 #

1. 在项目根目录创建mocks/fs.js文件，内容为空或导出空对象：

// mocks/fs.js
module.exports = {};

2. 修改metro.config.js（无则新建），添加解析器配置：

const path = require('path');
module.exports = {
  resolver: {
    extraNodeModules: {
      fs: path.resolve(__dirname, './mocks/fs.js'),
    },
  },
};

Metro打包时会把对fs模块的导入替换成这个空实现，由于你只用到不依赖fs的f2函数，不会影响功能。

方法二：用Babel插件移除无用的导入 #

借助babel-plugin-transform-remove-imports插件移除对fs的导入：

1. 安装插件：

npm install babel-plugin-transform-remove-imports --save-dev

2. 修改babel.config.js：

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    ['transform-remove-imports', {
      test: 'fs',
    }],
  ],
};

该插件会在编译阶段移除所有对fs模块的require或import语句，避免打包时触发Node模块缺失的错误。

方法三：给依赖库打补丁（无需修改原仓库） #

如果上述方法无效，可通过patch-package给依赖库临时修改代码：

1. 安装patch-package：

npm install patch-package --save-dev

2. 找到node_modules里目标依赖库的文件，删除其中的const fs = require('fs')语句；
3. 运行命令生成补丁：

npx patch-package 依赖库名称

4. 后续执行npm install时，补丁会自动应用到依赖库上。

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