動的、条件付き輸入

ESモジュールにより、ネイティブJavaScriptのインポートが可能になります。たとえば、紙吹雪ライブラリのインポート：

 'https://cdn.skypack.dev/canvas-confetti'から紙吹雪をインポートします。
confetti（）;

このインポートはすぐに実行されます。ただし、このパターンを使用して条件付き負荷が可能です。

 （async（）=> {
  if（条件）{
    // Import（ "Stuff.js"）;を待ちます。

    //紙吹雪の条件付きインポート（その性質上、この特定の構文が必要です）
    const {default：confetti} =インポートを待ちます（
      "https://cdn.skypack.dev/canvas-confetti@latest"
    ）;
    confetti（）;
  }
}）（）;

条件付きアプローチは、さまざまなシナリオに役立ちます。たとえば、URLに基​​づいてモジュールをロードするか、条件付きでWebコンポーネントをレンダリングします。可能性はたくさんあります。

もう1つの重要な利点は、責任ある条件付き負荷です。 saveDataがfalseの場合にのみモジュールがロードされるこの例を考えてみましょう。

 // ...（コードの残り）

以上が動的、条件付き輸入の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。