react-native - 在 React-Native 中使用别名解析相对路径

Question

我正在开发我的第一个 React-Native 应用程序，我正在尝试为本地路径设置某种别名，以避免复杂的依赖关系，例如
import {module} from "../../../other/module/"
我本质上是在寻找类似于 Webpack 的 resolve选项。

我在网上找到的解决方案似乎不适用于最新版本的 react-native，包括使用 babel-plugin-module-resolver . (我正在开发一个使用 react-native-web 的网络版本，该插件适用于该版本但不适用于 iOS 模拟器，它最终在网络版本上也失败了，我不知道为什么)。

我的直觉是必须有一种方法来配置 m etro-bundler ，但到目前为止我还没有找到任何关于它的文档。

您对此有什么解决方案？或者你只是使用相对路径？

Answer 1

您可以创建一个名为 package.json 的文件。在您要创建别名的每个文件夹中，并在此文件中写入别名，如下所示(例如在文件夹“other”中):

{
    "name": "other"
}

现在您可以使用 other 导入 o​​ther 中的所有内容项目中任何地方的别名

import {module} from "other/module/"