export * from 与 export {default} from用法总结

ES6 设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量，因此前端模块化日益趋向 ESModule 规范。

常见导入导出结构

// index.js 导出
export const a = "a"
export const n = 111
export default [1,2,3]

// main.js 导入
import arr, { a, n } from './index.js'

导出简写模式

• 导出所有 非default 模块

// index.js 导出
export * from './a.js'
export { Aa , Bb  } from './b.js'
// 无法在外部 import {default} from "xxx"

// 导入
import M from './index.js'
export { Aa, Bb } from './index.js'

模块设置别名

export { default } from './xxx'
// 或
export { default as A } from './xxx'

---

欢迎访问：天问博客

本文作者： Tiven
发布时间： 2023-05-09
最后更新： 2023-07-17
本文标题： export * from 与 export {default} from用法总结
本文链接： https://www.tiven.cn/p/77fafd4d/
版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处！