DEV Community
·
如何在React Native项目中添加本地包
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
在React Native项目中，自定义包应放在src/packages/文件夹，并在package.json中使用file:或link:引用。运行yarn install或npm install以确保包的持久性，之后可像普通模块一样导入使用。
🎯
关键要点
- 在React Native项目中，自定义包应放在src/packages/文件夹。
- 直接将包复制到node_modules文件夹会导致其在运行npm install或yarn install时被删除。
- 需要将自定义包设置为本地依赖，以确保其持久性。
- 本地库是未在NPM上发布的自定义模块，通过自动链接集成到应用中。
- 将本地包添加到package.json中，Yarn使用link:协议，NPM使用file:协议。
- 添加引用后，运行yarn install或npm install以安装依赖。
- 可以像普通模块一样导入和使用本地包。
- 遵循这些步骤可以确保本地包在运行依赖安装命令后仍然有效。
❓
延伸问答
如何在React Native项目中添加本地包？
将本地包放在src/packages/文件夹中，并在package.json中使用file:或link:引用，最后运行yarn install或npm install。
为什么直接复制包到node_modules文件夹会导致问题？
直接复制包到node_modules会在运行npm install或yarn install时被删除，因为包管理器会更新依赖。
如何在package.json中引用本地包？
使用Yarn时，引用格式为link:，使用NPM时，引用格式为file:，例如："react-native-custom-package": "link:./src/packages/react-native-custom-package"。
本地库是什么？
本地库是未在NPM上发布的自定义模块，通过自动链接集成到应用中。
如何确保本地包在依赖安装后仍然有效？
通过将本地包设置为依赖并运行yarn install或npm install，可以确保其持久性。
如何在React Native项目中使用本地包？
可以像普通模块一样导入和使用本地包，例如：import { multiply } from 'react-native-custom-package';。
➡️
