除了导入模块 import 还可以配合 export 去使用,效果就是将导入的结果直接作为当前模块的导出成员。具体的用法就是我们把在 import 声明当中的 import 关键词修改为 export,这样当如的成员会直接做为模块的导出成员 export {foo, bar} from './module.js'
。这样在我们当前这个作用域当中,也就不再可以访问这些成员了。这样一个特性一般可以用在写 index 文件,通过 index 文件把某一个目录当中散落的一些模块,通过这种方式都给它组织到一起后导出,这样方便我们外部去使用。例如项目中常用 components 用来存放项目当中的组件模块
// components/index.js
export {default as Button} from './button.js'
export {Avatar} from './avatar.js'