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

Question

I have these three files - tabs , routes , urls in a folder called config

Folder structure

config
| - urls 
| - tabs
| - routes

Here's what I tried so far. Created an index.js file in config folder where I could write all the export statements.

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

I want to nest all the files like below in import statement and use them wherever needed in other .js files

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

How do I group all the files in one single import statement. Could anyone please help?

Answer 1

Is this what you're looking for?

config/index.js

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

Answer 2

Use import *

import * from '../config/';

Answer 3

I was able to do it this way. But, is there a better way?

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

export { routes, tabs, urls };

And, I'm calling it like this

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