react-native - 解析 React Native 中导入的 src 目录

Question

如何配置 React Native 以导入相对于 src 的文件目录？换句话说，我想写import Foo from 'components/foo'而不是 import Foo from '../../components/foo' .

使用 webpack 时可以像 this 一样配置.与 React Native packager我还没有找到办法做到这一点。

Answer 1

我还没有找到可以让您完全按照您想要的方式导入的解决方案，但是在 this thread 中有一些关于如何配置导入位置的建议。 .

My favorite solution

(适用于任何 JavaScript 项目，而不仅仅是 React Native，让您编写非常短的引用文件路径。)

创建一个 package.json在您的 src/包含内容的目录:

{
    "name": "src"
}

这样做的意思是:此文件夹是一个包，名为 src .然后，您可以通过在包名称后简单地添加它的位置(相对于 package.json 所在的目录)来导入该包中的任何文件/目录:

import Foo from 'src/components/foo';

Another solution

在任何 React Native 项目中，您都可以执行以下操作:

import Foo from 'MyApp/src/components/foo';

哪里 MyApp是您在 index.ios.js 中注册的任何名称和 index.android.js文件。

应用名称是使用 AppRegistry 之一注册的方法，比如

AppRegistry.registerComponent('MyApp', () => AppRootComponent);