通过export向外部导出
通过import从外部导入

导出的几种方式

// 导出(export)

// 变量 单独导出
export let a=12;
export const a=12;

// 变量 批量导出
let a,b,c=...;
export {a, b, c, ...};

// 导出函数
export function show(){
  ...
}

// 导出class
export class Person{

}

默认成员
export default

导入的几种方式

// 导入(import)

// 引入所有成员
import * as 别名 from 'xxx';     

// 引入default成员   
import 别名 from 'xxx';             

// 导入指定的成员
import {a,b as 别名} from 'xxx';

// 只引入 (比如css文件)
import 'xxx';

//异步引入
let p=import("./mod1");

举个列子

// test.js
export let a = 'hello'
export let b = 'world'

// index.js
import {a as aa,b as bb} from './test'
console.log(aa,bb)  //输出 hello world

// test.js
export let a = 'hello'
export let b = 'world'

// index.js
import * as t from './test'
console.log(t.a,t.b) //输出 hello world

// test.js
let c = 'hello world'
export default c

import cc from './test'  
console.log(cc)  //输出 hello world

注意事项

导入时,比如导入同一目录, 使用相对路径时, 需要在路径前加上 ./
如:import * as t from './text'
这是因为模块化都是不被浏览器支持的, 试用前会被编译, 编译时相对路径如果不添加 ./ 会造成由于路径混乱导致的编译错误