ES6的模塊化（import引入）

先做個前提，新建三個模塊JS文件m1,m2,m3，其中m1.js 為分別暴露，m2.js 為統一暴露，m3.js 為默認暴露。接下來進行文件的import引入

1.通用的引入方式，這種方式適合任何暴露方式的引入

        import * as m1 from './modulesJs/m1.js'
        import * as m2 from './modulesJs/m2.js'
        import * as m3 from './modulesJs/m3.js'    

只不過調用的時候，默認暴露的m3.js對應引入的m3在調用屬性方法的時候多一個default節點。假如調用m3中的say()方法，需要這樣去調用 m3.default.say()

2.解構賦值的方式進行引入

        // 分別暴露和統一暴露的引入方式沒有差異：
        import {team,play} from './modulesJs/m1.js'
        play() // this is a team of LPL
        import { name, dis as d } from './modulesJs/m2.js'
        d() // we are the champion

        // 默認暴露的解構賦值引入有一定差異，如下
        import { default as m3 } from './modulesJs/m3.js' // 此處的default 不能夠單獨使用，需要取別名
        // 這樣引入的方式在調用的時候就沒有多default節點了，可以直接進行對象屬性的調用
        m3.say() // it is a good team    

3.簡便形式 只針對默認暴露

  1 import m3 from './modulesJs/m3.js'

 2 m3.say() // 同樣也可以直接進行調用 輸出結果：it is a good team