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


字数:194 阅读时长:1分钟 阅读:85

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

import & export

常见导入导出结构

1
2
3
4
5
6
7
// 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 模块
1
2
3
4
5
6
7
8
// 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'

模块设置别名

1
2
3
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 许可协议进行许可。转载请注明出处!
欢迎留言,提问 ^_^
个人邮箱: tw.email@qq.com
notification icon
博客有更新,将会发送通知给您!