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

时间:2017-11-08 22:33:13

标签: react-native

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

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

我基本上在寻找类似于Webpack的resolve选项。

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

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

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

1 个答案:

答案 0 :(得分:0)

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

{
    "name": "other"
}

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

import {module} from "other/module/"