Importaciones dinámicas y condicionales

Con ES Modules, puedes crear importotro JavaScript de forma nativa. Como confeti, claro:

import confetti from 'https://cdn.skypack.dev/canvas-confetti';confetti();

Esa importdeclaración simplemente se publicará. Sin embargo, existe un patrón para hacerlo de forma condicional. Es como esto:

(async () = {  if (condition) {    // await import("stuff.js");    // Like confetti! Which you have to import this special way because the web    const { default: confetti } = await import(      "https://cdn.skypack.dev/canvas-confetti@latest"    );    confetti();  }})();

¿Por qué? Cualquier tipo de condición, supongo. Puede verificar la URL y solo cargar ciertas cosas en determinadas páginas. Sólo podrías estar cargando ciertos componentes web en ciertas condiciones. Nariz. Estoy seguro de que puedes pensar en un millón de cosas.

La carga responsable y condicional es otra idea. Aquí solo se carga un módulo si saveDatano está activado: