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

Question

我正在开发我的第一个React-Native应用程序，并尝试为本地路径设置某种别名，以避免复杂的依赖关系，例如

import {module} from "../../../other/module/"

我本质上是在寻找类似于Webpack的resolve选项的东西。

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

我的直觉是肯定有一种配置metro-bundler的方法，但到目前为止我还没有找到任何关于这方面的文档。

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

Answer 1

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

{
    "name": "other"
}

现在，您可以使用other别名从项目中的任何位置导入other中的所有内容

import {module} from "other/module/"