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

Question

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

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

我本质上正在寻找类似于 Webpack 的解析选项的东西。

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

我的直觉是必须有一种方法来配置metro捆绑器，但到目前为止，我还没有找到任何关于此的文档。

您对此有何解决方案？还是只使用相对路径？

Answer 1

您可以在

要制作别名的每个文件夹中创建一个名为 package.json 的文件，并在此文件中写下别名的名称，如下所示（例如在文件夹"other"中）：

{
    "name": "other"
}

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

import {module} from "other/module/"