¿Puedo importar paquetes npm dinámicamente desde CDN en Webpack?

0

Necesito requerir una versión diferente del paquete Zoid npm dinámicamente en mi paquete JS, dependiendo de una variable. Así por ejemplo:

if (isLatestVersion) {
  zoid = await import('https://unpkg.com/[email protected]/index.js')
} else {
  zoid = await import('https://unpkg.com/[email protected]/index.js')
}

Sin embargo, cuando intento lo anterior, aparece este error:

script.js:2 Uncaught (in promise) Error: Cannot find module 'https://unpkg.com/[email protected]/index.js'
    at webpackMissingModule (script.js:2)

Presumiblemente, esto se debe a que no lo he zoiddefinido en mi package.json.

Entonces, básicamente, mi pregunta es, ¿hay alguna manera de importar bibliotecas desde un CDN como unpkg.com o skypack.dev, utilizando las importaciones dinámicas de Webpack (también conocido como división de código)?

1
  • Esto debería funcionar en general. ¿Quizás puedas publicar tu package.json y webpack.config.js? ¿Hay alguna razón por la que usas webpack 4 y no 5? 14 de octubre a las 6:42