ES6モジュール（8）

バベルは、コードES5ファイルを実行しながらES6コードを変換するコマンドノード環境で実行するために必要な
次のdistディレクトリにコードを変換するコードに直接コマンドを使用して、すべてのES6 ES5のためにsrcディレクトリの下に：

    $バベルSRC --out-dirのDIST

図1は、エクスポート・コマンド [ エクスポートモジュール変数またはメソッド }
エクスポート{} |文
説明：
　A、エクスポートコマンドを所定の外部インターフェースは、内部モジュールと変数の間の1対1の対応を確立する必要があり、直接値導出することができる
　Bを一つのモジュールで、エクスポートがオブジェクトmの形で使用される複数の値を導出するために複数回呼び出される{、}は、N-
EGは：

    // module01.jsファイル
    // 直接由来するか、または単一の変数の単一関数 
    X = 10エクスポートLET 、
    エクスポート機能は言う（）{ 
        にconsole.log（「言う」）; 
    }; 

    // からモジュールで定義された変数とメソッド 
    のlet M 1 = ; 
    LET N- = 2 ; 
    せてテスト = 関数（）{ 
        にconsole.log（ 'テスト' ）; 
    }; 

    // オブジェクトは、変数宣言または式の複数導出解体方法を用いることができる
    エクスポート{M、N、テスト}
     // インポートモジュールで使用される変数TEMP変数m受信由来 
    TEMPとしてエクスポートを{X}

2、輸出デフォルトコマンド [ デフォルトデータのエクスポート ]
エクスポートデフォルト{} |式|無名関数の
説明：
　A、モジュールが唯一のデフォルトの存在をエクスポートすることができ、
　ランダムな名前導入された場合Bは、デフォルト名を導出することは、一般的に定義されていませんそしてインポート{} [パッケージのインポートデータの使用を必要としないインポートがデフォルトという名前のデフォルトの変数の完全なインポートに導入したときに使用】
直接C、デフォルトのエクスポートは、データの形式で複数のオブジェクトを使用して導出することができ、データエクスポート個々のデータ値を[変数名は、式を使用することはできません ]
例えば：

    // module01.jsファイル
    // モジュールのみ[A]由来のデフォルト（通常名が定義されていない、導入された場合、任意命名）存在することができるエクスポートデフォルト 
    エクスポートデフォルトの 関数（）{ 
        にconsole.log（「デフォルト」）。
    }

図3に示すように、インポート・コマンド    [ 他のモジュールまたは方法変数にインポート }
「エクスポートモジュールパス」からインポート{}
注：
   A、データエクスポートモジュール、モジュールが再度導入路時に実行ロードされ、ファイルパスは、後に導入されます。それがキャッシュから取得されます。
   B、単一次モード[ 一度しか導入インポートモジュール、シングル高次モード（後にキャッシュファイルを使用するために、一度だけ導入インポートモジュール）]
説明：
　後、エクスポート・コマンドを使用して、モジュールの外部インターフェース、他のモジュールを定義しますこのモジュールは、取得したインポート・コマンドを介してロードすることができ、対応する派生値
　B、データのインポート、他のモジュール、オブジェクト変数名の解体は、単に、1の対応を保持しているオブジェクト変数の順序に関係なく
、例えば：

    // module02.jsファイル
    // エクスポートされたファイル./module01.js mをインポート、nは、変数テスト 
    "./module01.js"からインポート{TEMP、たとえば、M、N、テストを} // インポート単一の変数を使用する必要が{変数}包ま 
    輸入}から{「./module01.js」を言う; // 対応するデフォルトを簡単に取る派生し、インポート変数名はデータ{インポートする必要はありません}包まれた 
    「./module01.js」からインポートDefaultDataを    // デフォルトmodule01.jsは、[変数、メソッド、またはオブジェクト}エクスポートデータファイルのインポート// デフォルトのエクスポートデータ]を含む[インポートすべてのエクスポートデータmodule01.jsモジュール 
    「./module01.js」からOBJとしてインポート*    // オブジェクトOBJは、module01.jsモジュール派生したすべてのデータが含まれています。デフォルトの名前は、デフォルトのエクスポートデータであります

4、エクスポートおよびインポート複合文言
「エクスポートモジュールパスを取得」からエクスポート{}
EG：

    // インポートmodule01.jsモジュールm、n及び外側に導出 
    './module01.js'からエクスポート{M、N}を;
     // と等価 
    インポート{M、N} ./module01.js'から。
    エクスポート{M、N}。

おすすめ