ES6 インポートで実行時の依存関係の解決を達成するにはどうすればよいですか?

ES6 変数のインポート: ランタイムの依存関係解決の調査

ES6 では、import ステートメントは外部モジュールをロードする便利な方法を提供します。ただし、静的解析の制限により、ランタイム情報に基づいてインポートすることができません。

特に、構成値に基づいてモジュールを条件付きでインポートするユースケースを検討してください。

<code class="javascript">import something from './utils/' + variableName;</code>

このアプローチは、標準では実現できません。インポートステートメント。この問題を解決するには、ローダー API とポリフィルを利用できます。

ローダー API (Polyfilled)

ローダー API は、動的をサポートする System.import メソッドを提供します。モジュールの読み込み中。これにより、実行時に variableName の値に基づいてモジュールをインポートできます:

<code class="javascript">System.import('./utils/' + variableName).then(function(m) {
  console.log(m);
});</code>

ローダー API はまだ ECMAScript 仕様の一部ではないため、このアプローチにはポリフィルが必要であることに注意してください。

以上がES6 インポートで実行時の依存関係の解決を達成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。