在 ES6 中对 import 语句和 export 语句中的所有文件进行分组

Question

我在一个名为config的文件夹中有这三个文件 - tabs 、 routes 、 urls

文件夹结构

config
| - urls 
| - tabs
| - routes

这是我到目前为止所尝试的。 在config文件夹中创建了一个index.js文件，我可以在其中编写所有导出语句。

export * from './routes'
export * from './urls'
export * from './tabs'

我想在import语句中嵌套如下所有文件，并在其他.js文件中需要时使用它们

import {tabs, routes, urls } from '../config'

如何将所有文件分组到一个导入语句中。 有人可以帮忙吗？

Answer 1

这是你要找的吗？

配置/index.js

export * as routes from './routes'
export * as urls from './urls'
export * as tabs from './tabs'

Answer 2

使用导入 *

import * from '../config/';

Answer 3

我能够做到这一点。 但是，有没有更好的方法？

import routes from './routes';
import urls from './urls';
import tabs from './tabs';

export { routes, tabs, urls };

而且，我这样称呼它

import {tabs, routes, urls } from '../config'