react-native – 在React Native中解析src dir以进行导入

发布时间：2020-12-15 05:06:40 所属栏目：百科来源：网络整理

导读：如何配置React Native以导入相对于src目录的文件？换句话说,我想从’components / foo’编写import Foo,而不是从’../../components/foo’导入Foo. 使用webpack时,它可以像this一样配置.有了React Native packager,我还没有办法做到这一点. 我还没有找到一个

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

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

我还没有找到一个让您按照自己的方式导入的解决方案,但是有一些关于如何在 this thread中配置导入位置的建议.

My favorite solution

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

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

{
    "name": "src"
}

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

import Foo from 'src/components/foo';

Another solution

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

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

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!