在React Native中解析src dir以进行导入

Question

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

使用webpack时,可以像这样配置.使用React Native packager我还没有找到办法.

Answer 1

我还没有找到一个解决方案,让你可以按照自己想要的方式导入,但是有一些关于如何在这个线程中配置导入位置的建议.

我最喜欢的方案

(适用于任何JavaScript项目,而不仅仅是React Native,让我们编写非常短的路径来引用文件.)

package.json在src/目录中创建一个内容:

{
    "name": "src"
}

这样做是说:这个文件夹是一个名为的包src.然后,您只需package.json在包名称后面添加它的位置(相对于所在的目录),即可导入该包中的任何文件/目录:

import Foo from 'src/components/foo';

另一种方法

在任何React Native Project中,您可以:

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

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

应用程序名称使用AppRegistry方法之一注册,例如

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