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别名导入其他内部的所有内容

import {module} from "other/module/"