您可以在React中使用绝对路径导入吗？

Question

我可以使用React Native的this教程，但它似乎不适用于React。

Answer 1

你必须这样做：在里面你想导入的文件夹：

1. 与{“FOLDER_NAME”，“名”}添加的package.json文件。
2. import Thing from ‘FOLDER_NAME/thing’或import Thing from ‘./thing’

...文件夹结构中去时，“向上”时除外。

import Blah from ‘../../../../../blah’

在你的阵营原生项目，机会是你保持你的代码在一个文件夹，如“应用程序”。 如果你有一个目录，命名为“应用程序”这是一个绝对路径可能是什么样子：

import Thing from ‘AwesomeApp/app/some/thing’

什么吸有关，这是字面上的所有import语句（或需要调用，如果你还在成）将从“AwesomeApp/app /”开始，这是很多要问的，当替代品很容易添加一系列“../”时（关键笔画太靠近了，太简单了）。

为了缓解这个难题，您可以简单地在要导入的文件夹内添加一个package.json文件。在这种情况下，因为我们所有的代码是在“应用程序”文件夹中，我们会把这里的文件：

AwesomeApp/app/package.json

然后，添加一个“name”属性的JSON文件与文件夹名称作为其价值（你可以随心所欲地称呼它，但实际上，这只会让人们感到困惑，包括6个月内的你）。越短越好。

{ “name”: “app” } 

现在，您可以使用该名称作为参考导入。

import Thing from ‘app/some/thing’