ES6模块化

ctrl+~出现终端

webpack运行依赖node环境  需要底层解析

CommonJS导出的是对象,es6的module不是对象

---

运行npm init -y初始化包管理文件

在json头部添加 "type": "module"

终端用 node 地址 打印js

默认导出（只能用一次）

每个模块，只允许使用一次export default { 必须使用括号 }   

默认导入

import  自定义名称  from ' ./1.2ES6模块化 '

---

按需导出（可以多次）

export {

    flag, sum

}

export function mul(num1, num2){

    return num1 + num2

}

export class Person{

    run(){

        console.log('跑步')

    }

}  

变量只能边声明边导出

 

//  变量全部导出

import *  from './aa.js'

按需导入

import { 必须和导出的名称一致 } from ' 地址 '

可重命名： 名称 as 新名称

可配合按需导出（default）使用     info是默认导入的对象，指向default的对象

import    info，{ s1 as ss1，say }    from ' ./地址.js '