Saltar al contenido

Importar módulos UMD Javascript en el navegador

Esta división ha sido probado por especialistas así se garantiza la veracidad de este tutorial.

Solución:

  1. Recientemente, se cambió el nombre del paquete UMD a solo rxjsconsulte https://github.com/ReactiveX/rxjs/commit/556c904ea61a8424e5d24f170b20eadbc05d01f0#diff-6d2911fe563068b8126098588db98a84

  2. Si desea usar RxJS 6, debe cambiar a operadores “pipable” (y funciones de creación), consulte https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md #operator-pipe-sintaxis

Entonces, por ejemplo, esto funciona:



Demostración: https://stackblitz.com/edit/rxjs6-demo-r2rtbz?file=index.html

Aquí hay un ejemplo después de hacer la importación adecuada, observe la tubería.

submission = rxjs.fromEvent($('#mybutton'), 'click')
    .pipe(rxjs.operators.map((event) => 
        return "something"
    ));

Puedo cambiar el nombre de los globales a ‘r’ y ‘ro’ para evitar la nueva verbosidad.

¡También puntos de bonificación si alguien puede señalar el manejo de errores canalizados en 6.0!

Aquí hay una línea para importar módulos UMD usando módulos de navegador e importaciones dinámicas en 2020.

export default async (url, module = exports:) =>
  (Function('module', 'exports', await (await fetch(url)).text()).call(module, module, module.exports), module).exports

Ejemplo de uso:

const ednToJS = await importUMD(`https://unpkg.com/[email protected]/dist/main.js`)
const rxjs = await importUMD('https://unpkg.com/[email protected]/bundles/rxjs.umd.js')

tada

Te mostramos las reseñas y valoraciones de los lectores

Si piensas que ha sido de utilidad nuestro artículo, sería de mucha ayuda si lo compartieras con más programadores de este modo contrubuyes a difundir esta información.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 3.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *