JavaScript で ES6 モジュールを動的にインポートするにはどうすればよいですか?

動的 ES6 モジュールのインポートの解明

ES6 モジュールを動的にインポートしようとしている場合、「インポート」および「エクスポート」宣言が可能な制限に遭遇した可能性があります。ファイルの最上位にのみ存在します。これに対処するために、解決策を検討してみましょう。

当初、System.import は有望なオプションでしたが、現在の状況は不明のままです。幸いなことに、ECMAScript 2020 では動的インポートが導入され、babel-preset 経由で利用できるようになりました。

条件付きモジュールのインポートの使用例は次のとおりです:

if (condition) {
    import('something')
    .then((something) => {
       console.log(something.something);
    });
}

このアプローチは、解決策を含む Promise を返します。インポートされたモジュールが含まれています。動的インポート提案は、複数の動的インポート、デフォルトのインポート、JavaScript ファイルのインポートなどの追加機能を提供します。ここで動的インポートについて詳しく調べてください。

以上がJavaScript で ES6 モジュールを動的にインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。