javascript - 从根目录导入 ES6

Question

我目前正在玩 React Native。我正在尝试构建我的应用程序，但是它开始对导入变得困惑。

--app/
    -- /components
        -- Loading.js
    -- index.ios.js

现在，在我的 index.ios.js 中，我可以简单地做到:

从'./components/Loading'导入加载；

但是，当我开始创建更多组件时，具有更深的目录结构，它开始变得困惑:

从'.../../../../components/Loading'导入加载；

我知道首选的解决方案是为事物制作私有(private) npm 模块，但这对于小型项目来说太过分了。

你可以在浏览器上做一个 global.requireRoot 类型的解决方案，但是我如何通过 import 来实现呢？

Answer 1

React 也有同样的问题。 所以我为 babel 编写了一些插件，它可以从根的 Angular 导入模块 - 路径并不短 - 但很清楚你导入的内容。

所以而不是:

import 'foo' from '../../../components/foo.js';

你可以使用:

import 'foo' from '~/components/foo.js';

Here is the Plugin (tested and with a clear README)