Chrome Canary の Version 60 以上をインストールします。

Chrome Canary は開発者向けの特別な Chrome で、通常利用される Chrome (Chrome Stable) とは別の場所にインストールされます。

インストールが終わったら ES6 Modules を有効にしてください。

ES6 Modules は Chrome 61 以降であればデフォルトで有効な状態です。以下は Chrome 60 に対する説明になります。

Chrome 60 のデフォルトの状態では ES6 Modules は利用できません。設定を変更する必要があります。

Chrome Canary の アドレスバーに
chrome://flags/#enable-experimental-web-platform-features
とタイプし、 Experimental Web Platform features の 有効にする をクリックしたあとに 今すぐ再起動 をクリックしてください。

Chrome Canary のプロセスを全て終了させてから、以下のコマンドを実行することで、サイバーノーガード状態で Chrome Canary を起動することができます。

open -a Google\ Chrome\ Canary --args --allow-cross-origin-auth-prompt --enable-module-scripts-dynamic-import --harmony-dynamic-import --disable-web-security --user-data-dir ~/ --flag-switches-begin --enable-experimental-web-platform-features --flag-switches-end

Dynamic import は、 Safari TP と Chrome Canary で試す事ができます。 Chrome の場合は --enable-module-scripts-dynamic-import と --harmony-dynamic-import をつけて起動してください。

• spec: https://tc39.github.io/proposal-dynamic-import/
• how to use: http://2ality.com/2017/01/import-operator.html

if (needVendorModule) {
  let moduleFooURL = `//example.com/module/foo.js`;

  import(moduleFooURL).then(Foo => {
    let foo = new Foo();
  }).catch(err => {
  });
}

(async () => {
  const modulePath = `./dist/modules`;
  const Util = await import(`${modulePath}/Util.js`);
  const { NiceClass, NiceFunction } = await import(`${modulePath}/Util.js`);
})().catch(err => {
});

ES6 Modules は Chrome for Android でも動作します。

Chromium Development Calendar によると Chrome 61 は 2017/09/12 頃に Stable チャネルで一般に配布される予定です。