在 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'