不能使用绝对路径进行导入？答案

【问题标题】：Can't use absolute paths for import?不能使用绝对路径进行导入？
【发布时间】：2016-01-25 20:28:49
【问题描述】：

请耐心等待，我不确定这是否纯粹是一个 React Native 问题，或者只是一个 ES6 问题。但我注意到我无法做到这一点：

import {navBarRouteMapper} from '/src/helpers';

我收到一条错误消息，指出无法解析该模块。我必须这样做：

import {navBarRouteMapper} from '../../../src/helpers';

随着应用程序复杂性的增加，跟踪文件夹深度可能会变得有点难以管理。为什么我不能使用绝对路径？

编辑：

我看到有人推荐添加 babel，但我不想污染 React Native 的系统。显然已经在进行到 ES6 的转换。我希望有一个针对 React Native 生态系统的解决方案。

【问题讨论】：

Importing node modules from root directory using es6 and babel-node 的可能重复项。 React Native 使用 Babel，所以我相信你的答案就在这里。
你可以用 Browserify 做到这一点。
请注意，路径是一个字符串，不需要在每个使用它的地方硬编码。您也可以使用运行时导入。
这与 ES6 没有任何关系，因为模块加载不是 ES6 的一部分。
您的需求中缺少模块名称，请查看此答案stackoverflow.com/a/35819147/580167

【解决方案1】：

TL;DR：

您只需在您的src/helpers 文件夹中创建一个package.json 文件：

{
   "name": "@helpers" 
}

您可以从任何地方导入它：

import { navBarRouteMapper } from '@helpers'

【讨论】：

对于图像这不起作用，它说它只支持用于调试目的
对于图像，你只需要写类似：import image from '@assets/images.myImage.png'。只需确保您正确导出（default 或不）您的变量（图像、组件等）。
所以每个文件夹都需要一个 package.json 文件？