模块化import和export

172 阅读1分钟

了解

静态的 import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode,导入的模块都运行在严格模式下。在浏览器中,import 语句只能在声明了 type="module" 的 script 的标签中使用。

对应使用

export default {}
import defaultExport from "module-name";


import * as name from "module-name";

export function aa () {}
import { aa } from "module-name";
//另取名为alias
import { export as alias } from "module-name";

export var export1 = 0
export var export2 = 1
import { export1 , export2 } from "module-name";

import { foo , bar } from "module-name/path/to/specific/un-exported/file";
// 将括号内的值全部导出
import { export1 , export2 as alias2 , [...] } from "module-name";

// 模块中既有export default 又有 export function aa () {}
import defaultExport, { export [ , [...] ] } from "module-name";
import defaultExport, * as name from "module-name";