一、准备工作
1、检验自己的node版本,命令行输入node -v ,node版本需要在14.15.1以上
2、进入项目根目录通过命令行npm init -y初始化包管理配置文件package.json
3、在package.json中修改配置项"type":"module",如果不配置默认type为commonjs
二、默认导出与默认导入
1、默认导出
新建文件: 01_默认导出.js文件
let n1=1;
function show(){
}
export default{
n1,
show
}
2、默认导入
新建文件: 02_默认导入.js
import m1 from './01_默认导出.js'
console.log(m1);
m1是一个对象,包含n1 和show
3、注意事项
export default只能用一次
三、按需导出于按需导入
1、按需导出
新建文件:03_按需导出.js
export let s1 = 9;
export function hide(){}
2、按需导入
新建文件:04_按需导入.js
import {s1} from './03_按需导出.js'
console.log(s1);
3、注意事项
- export导出可以使用多次
- 导入时成员名称必须与导出时名称一致
- 按需导入时,可以用as关键字重命名
- 按需导入和默认导入可以同时执行,info是默认导入,花括号内是按钮需导入,中间用逗号隔开
import info,{s1 as ss2} from './03_按需导出.js' console.log(ss2); console.log(info);
四、直接运行模块中的代码
//导出.js
console.log('啦啦啦啦啦啦');
//----------分割线-------
//导入.js
import './05_导出.js'