Estoy creando una biblioteca global que se puede usar en cualquier entorno (nodo, navegador, módulos es6). Para eso estoy generando un archivo UMD usando Webpack. Pero, ¿cómo manejo las funciones que contradicen los entornos opuestos (como las solicitudes de búsqueda)? Comencé a usar axios cuando descubrí que funciona tanto para el navegador como para el nodo, pero enfrenté diferentes problemas que mencionaré a continuación.

• Usando directamente Axios en mi biblioteca: el nodo dio el error de que "XMLHttpRequest no está definido".

• Especificar "Axios" como elementos externos en Webpack: la biblioteca comienza a funcionar bien en Node, pero ahora deja de funcionar en el navegador. Porque Axios no está definido en el navegador ahora.

• Caso especial: también brindo compatibilidad con ES6 para la biblioteca al agregar una entrada de module en package.json que apunta a src/index.js . Ahora, en el navegador se convierte en un problema porque estoy usando import axios from 'axios' en mi archivo de Biblioteca. Y dado que el navegador lo toma como es en el caso del módulo ES6 (me refiero a cuando usamos <script type='module'>import {func} from "./myLibrary.js" .....</script> ). Se convierte en un problema porque el navegador no funciona con rutas absolutas, requiere rutas relativas. Entonces, ¿no es posible hacer ese tipo de compatibilidad con ES6 para navegadores? Acceder a la misma biblioteca ES6 en React funciona bien, porque, por supuesto, funciona sobre el paquete de módulos y no tiene el mismo problema que el navegador (etiqueta de secuencia de comandos).

Entonces, el punto es que cuanto más lo busco y trato de solucionar los problemas, obtengo más y más problemas. ¿Hay alguna forma estándar de hacerlo? Porque si existe algo como un UMD file Format , debería ser posible crear bibliotecas globales. Solo he hablado de Axios/Fetch en esta situación, pero no estoy seguro de qué otro tipo de problemas podría enfrentar en otras situaciones.