反应原生 - 在 package.json 中使用别名的绝对导入答案

【问题标题】：react native - absolute import with alias name in package.json反应原生 - 在 package.json 中使用别名的绝对导入
【发布时间】：2018-08-20 20:51:47
【问题描述】：

我看到一些项目使用import '@someDir/something'，它解决了相对导入的邪恶。

然后我发现这个blog post在谈论这个方法。它基本上告诉您在目录中创建package.json 并指定它们的别名。

我在基于 expo 的 react-native 项目中实现了它，效果很好。

类似这样的：

{"name": "@someDir"}

在src/someDir/package.json.

我可以在任何地方import '@someDir/something'。

为什么会这样？背后发生的神奇在哪里？ Webpack 或 babel 或 react-native 本身？

我看到an issue在讨论这个功能，但我不知道它在哪里实现。

我的.babelrc：

{
  "presets": ["babel-preset-expo"],
    "env": {
        "development": {
              "plugins": ["transform-react-jsx-source"]
      }
    }
}

它挖掘了 babel 依赖项，但找不到任何相关内容。

【问题讨论】：

【解决方案1】：

它似乎是 Metro 的一部分，它是 react native 的 javascript 捆绑器。

【讨论】：