11

残念ながら、JavaScriptモジュール ローダーに関する私の知識はまだ増え続けており、新しい との関係を理解し​​ようとしていES6 Modulesます。私の知る限り、モジュールローダーのようなものを使用するCommonJSか、準拠を使用するには、非同期モジュールローダーを使用してパフォーマンスを向上させ、それぞれのモジュールローダーの構文を使用して必要なときにのみロードする必要がありました。RequireJSES5JavaScript

ただし、ES6 モジュールのドキュメントを見て他の情報を読むと、モジュールの読み込みはimportandexportキーワードを介してネイティブにサポートされているようです。この場合、非同期モジュールの読み込みをネイティブにサポートしているため、またはES6 JS modulesのような追加のツールを使用する必要はありません。CommonJSRequireJS

4

3 に答える 3

8

モジュールの読み込みは、 import および export キーワードを介してネイティブにサポートされているようです。

ではない正確に。importとのexport宣言は、依存関係と各モジュールのインターフェイスのみを定義します。それらは、必要なモジュールを指定する文字列を静的に抽出することを可能にします。

この場合、CommonJS や RequireJS などの追加ツールを使用する必要はありませんか?

いいえ。ES6 モジュール用のローダーを使用する必要があります。ローダーは、名前やパスなどをimports から実際のモジュール ファイルに解決し、実装に依存する方法でそれらをロードします。

利用可能なツールやツールチェーンは多数あります。さまざまなソリューションの例は次のとおりです。

  • webpack: すべてを 1 つの大きなスクリプトにバンドルします
  • System.js: 単一のモジュールを動的かつ非同期にロードします (require.js と同様)
  • ネイティブ: node.js と Web ブラウザーは、ライブラリを追加せずにモジュールの読み込みをサポートする方法をまだ模索中です。
  • babel トランスパイル: ES6 モジュールを AMD または CommonJS 形式に変換し、require.js などの既知のツールを使用できます。
于 2016-10-28T12:04:20.827 に答える