Encontré lo siguiente de MDN :
var promise = import("module-name");¿Está en desuso o cuándo se usará? Solo estoy familiarizado con la sintaxis de:
import promise from 'module-name';La siguiente es una importación estática:
import module from "module-name";Se resuelve estáticamente , antes de que se ejecute cualquier código.
Esta es una importación dinámica :
const promise = import("module-name"); La razón por la que se llama promise es porque import(...) devuelve una promesa que resuelve el módulo importado (errores si no se encuentra el módulo).
Entonces puedes usarlo así:
import("my-mod").then((myMod) => { myMod.func(); });O la sintaxis async/await más preferida:
const myMod = await import("my-mod"); myMod.func();Las importaciones dinámicas se ejecutan y resuelven en tiempo de ejecución, por lo que debe esperar a que se complete. Se usan comúnmente para dividir código, cargar de forma diferida o importar módulos cuando sea necesario (los complementos podrían ser un ejemplo).