ESモジュールのインポートとエクスポート

上の記事では、ES 6仕様が将来のJSモジュールの実際の仕様になり得ることを紹介しました.この詳細には、ES 6モジュールでデータをどのように導出し、導入するかを紹介します.
export:モジュールからデータをエクスポートする
import:他のモジュールからデータを導入する
単一データエクスポート
a.jsを作成して、下記のコードを入力して、選択の導出部分のデータがあります.

export let name='   '
export let age=20

b.jsに必要な変数を導入します.

 //        ./a，     a，        a.js
import {name} from './a'
console.log(name)

注意:エクスポートとインポートの変数名は同じでなければなりません.
マルチデータエクスポート
一つのexportを使って、複数のデータを同時に導き出すこともできます.
a.jsコード

let name='   '
let age=20
export let star={
    name,
    age
}

b.jsコード

 //        ./a，     a，        a.js
import {star} from './a'
console.log(star)

デフォルトのエクスポート
先々では残念ですが、エクスポートした変数名は何ですか?導入時の名前も何ですか?
モジュールを導入したい場合は変数名をカスタマイズできます.export defaultは使用できます.
a.jsコード

let name='   '
let age=20
export default {
    name,
    age
}

b.js

 //        ./a，     a，        a.js
import star from './a'
console.log(star)

上のコードを修正するたびにwebpackを使って再包装しなければなりません.