ES 6モジュール化exportとimportの使い方メモ

importインポートモジュール
基本構文

import        from  "      "

import構文宣言は、エクスポートされたテンプレート、スクリプトから関数、オブジェクト、ファイル(またはモジュール)の元の値を指定します.名前付きインポート(名前付きインポート)と定義付きインポート(デフォルトインポート)に分けられます.importの構文はrequireとは異なり、importはファイルの最初に置く必要があり、前に他の論理コードは許可されていません.これはJava、Python[最も似ている]など、他のすべてのプログラミング言語スタイルと一致します.
選択した複数のオブジェクト、変数をカンマで区切るようにインポートできます.

import {file} from “my_module”；
import {file1, fun1}  from "my_module"；

*番号を使用すると、モジュール内のすべてのプロパティとメソッドをインポートできます.モジュールのすべての内部をインポートすると、エクスポートモジュール(「my_module.js」)のすべてのエクスポートバインディング内容が、現在のモジュール(「myModule」)の役割ドメインに挿入されます.

import * as myModule from “my_module”;

エクスポートされた名前が使用する他の名前と競合する場合があります.asで名前を変更できます.

//        ，               。
    import {file as file1} from  "my-module";
    import {file as file2 } from  "my-module";

複数のメンバーを同時にインポートして別名を使用できます
importはできるだけ相対パスを使います!ブラウザが相対パスに従って絶対パスを解析すると、エラーが発生します.
exportエクスポート
1つのモジュールは独立したファイルで、そのファイルの内部のすべての変数は、外部では取得できません.exportキーワードはデータを暴露し、他のモジュールに暴露するために使用されます.使用方法は、exportを任意の変数、関数、またはクラス宣言の前に配置して、テンプレートからエクスポートすることです.エクスポートされたすべてのメンバーをファイルの最後にリストすることを推奨します.

export{ class , function , name}
//     :            ,        ,      ,         
function sum(num1,num2){
      return num1+num2;
}
//       
export sum;

零写コード似菜虚困出典