ホームページ >ウェブフロントエンド >jsチュートリアル >ES6 にモジュールを動的にインポートするにはどうすればよいですか?
ES6 の変数インポート: ローダー API の詳細
ES6 インポート ステートメントは、モジュールをインポートするための静的メカニズムを提供し、インポート プロセスを制限しますコンパイル時の分析に使用します。これは、実行時情報に基づくモジュールのインポートが直接サポートされていないことを意味します。
この制限に対処するには、ローダー API によって提供される動的 import() 関数の使用を検討してください。このポリフィルを使用すると、実行時にモジュールをインポートできるため、開発プロセスの柔軟性が高まります。
動的インポートの使用例:
<code class="js">System.import('./utils/' + variableName).then(function(m) { console.log(m); });</code>
この例では、値variableName 変数の は、インポート関数の引数内で使用され、実行時に目的のモジュールを動的にロードします。インポートされたモジュールは、提供されたコールバック関数で指定されたとおりに利用できます。
以上がES6 にモジュールを動的にインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。