能否在React Native中不配置package.json/lock.json使用第三方包？

当然可行，下面是几种具体的实现方法：

1. 手动复制包文件到项目里 #

• 先去第三方包的源码仓库（比如GitHub）下载完整代码，或者只提取编译好的核心文件
• 把包的源码文件（比如.js、.ts，如果是带原生模块的包，还要拿.java/.m这类文件）复制到你项目里的自定义目录，比如src/vendor/[包名]
• 需要用的时候，直接写相对路径导入就行：

  import SomeComponent from '../vendor/xxx-package/src/SomeComponent';
  

• 提醒：如果这个包还依赖其他库，你也得用同样的方式把依赖包也手动弄进来，不然会报模块找不到；要是包含原生代码，还得手动改Android的settings.gradle、build.gradle，还有iOS的Podfile，操作和正常link原生包差不多，但不会碰package.json。

2. 本地符号链接（得小心用） #

• 先在本地随便某个地方下载解压目标包，别用npm install装到项目里
• 去项目的node_modules目录下，手动建个指向本地包路径的符号链接：

  # macOS/Linux 下执行
  ln -s /本地包的绝对路径 node_modules/包名
  # Windows 需开管理员权限，执行
  mklink /D node_modules\包名 C:\本地包的绝对路径
  

• 之后就能像正常安装的包那样导入了：

  import XxxPackage from '包名';
  

• 提醒：这种方式不会改package.json和lock.json，但不同系统下符号链接可能有兼容问题；而且如果包有依赖，要么这些依赖已经在项目node_modules里（同样不能用npm install加，不然会改lock.json），要么你也得给依赖包手动建符号链接。

3. 直接用CDN资源（仅限纯JS包） #

• 要是第三方包是纯JS写的，还支持UMD/IIFE格式，可以用react-native-webview加载包含这个包的网页，然后通过WebView的通信机制在RN和网页之间传数据、调用方法
• 或者直接把CDN上的包代码下载下来存成本地JS文件，再用相对路径导入，本质和第一种方法一样。

注意点 #

• 这种完全脱离npm/yarn依赖管理的方式，所有依赖、版本更新都得手动维护，很容易出版本冲突、依赖缺漏的问题
• 带原生模块的包手动配置起来特别麻烦，很容易导致原生项目编译失败
• 真不建议在生产环境这么用，顶多临时测试或者特殊场景下试试

内容的提问来源于stack exchange，提问作者Ali Sher Khan