ES6 如何导出子文件中的所有具名导出

如题, 我们有一个 api 文件夹, 里面的子文件具名导出了各种 api 请求.

// banner.js

export function getBanners() {
  return request('/api/banners')
}

我们希望这些导出都统一到一个入口文件 api/index.js 里. 这样当我们在页面中使用这些请求的时候只需要从入口文件里导入.

import { getBanners } from '@/api';

要实现上面的效果, 入口文件应该怎么写呢? 其实很简单:

// @/api/index.js

export * from './banner'
export * from './blog'

上面的语法是纯粹的 ES6 语法, 在 webpack , vite 和现代浏览器环境下都能生效.

注意: 在浏览器环境下 导入 和 导出 时需要带上文件后缀.

// 浏览器环境
export * from './banner.js'