ES6-模块化

一、模块化

1. 模块化是指将一个大的程序文件，拆分成许多个小的文件，然后将小文件组合起来。小文件就是模块

二、模块化语法

模块功能主要由两个命令构成：export和import

1. export命令用于规定模块的对外的接口
2. import命令用于输入其他模块提供的功能

m1.js:
//分别暴露
export let name="lili"
export function sayName(){
    console.log('nihao')
}

   <script type="module">
        //引入m1.js模块内容
        import * as m1 from "./js/m1.js"
        console.log(m1);
    </script>

三、模块暴露数据语法汇总

1. 分别暴露
2. 统一暴露

let name="lili"
function sayName(){
    console.log('nihao')
 }

 export {name,sayName};

3. 默认暴露

export default{
    name:'lili',
    sayName:function() {
        console.log('nihao')
    }
}
//默认暴露调用方法的时候需要加default
 m1.default.sayName();

四、babel对ES6模块化代码转换