统一接口的导入导出
# 0.前言
在封装组件库或各种工具函数库时,经常需要封装出一个统一的接口文件,方便开发者使用和调用。
举例:
umi
框架,运行时函数统一封装export.ts
文件等。umi
框架,会打包继承各种第三方库插件,并统一从umi
中导出。
# 1. 语法
核心点在于:ES6
的 export
和 import
导入导出语法
import
// 导入模块中的单个成员 import { a1,a2 } from "node_modules"; // 只导入 default import A from "node_modules"; // default 和 成员导出 import A,{ a1,a2 } from "node_modules"; // 将 default 和 成员统一打包成一个模块 import * as A from "node_modules";
1
2
3
4
5
6
7
8export
// 注意此时,不会导出 default 模块 export * from "./xxxx"; // 如果想要导出 default 模块 export { default as A, a1, a2 } from "./xxx"
1
2
3
4
5
注意点:
export * from
(不包含default
)与import * from
(包含default
)是不对称设计。
编辑 (opens new window)
上次更新: 2022/12/08, 12:12:00