ESM Loaders: Mejorando la carga de módulos en Node.js

Rate this content
Bookmark

El soporte nativo de ESM para Node.js fue una oportunidad para el proyecto de Node.js de lanzar soporte oficial para mejorar la experiencia de carga de módulos, permitiendo casos de uso como la transpilación sobre la marcha, la sustitución de módulos, el soporte para cargar módulos desde HTTP y la monitorización.


Aunque CommonJS tiene soporte para todo esto, nunca fue oficialmente compatible y se hacía mediante hackeo del código de ejecución de Node.js. ESM ha solucionado todo esto. Analizaremos la arquitectura de la carga de ESM en Node.js y discutiremos la API del cargador que lo admite. También veremos características avanzadas como la concatenación de cargadores y la ejecución fuera de hilo.

This talk has been presented at JSNation 2023, check out the latest edition of this JavaScript Conference.

FAQ

ESM (ECMAScript Modules) es el sistema de módulos estándar de JavaScript, que ahora es nativo de Node.js. Utiliza la sintaxis de 'export' e 'import' para la exportación e importación de módulos.

ESM permite una resolución de URL y una carga de archivos más estructurada, operando con un sistema que resuelve URLs y lee archivos en disco de forma más organizada que CommonJS, que es más limitado en términos de resolución y carga dinámica.

Los cargadores de módulos en Node.js son herramientas que mejoran y transforman la resolución de URLs y la lectura de archivos durante la carga de módulos. Se utilizan para personalizar el proceso de carga, como la resolución de rutas alternativas o la carga directa desde URLs HTTP.

Para cargar código TypeScript directamente, se puede usar un cargador personalizado que maneje archivos .ts, permitiendo que Node.js los procese sin necesidad de transpilar previamente a common.js.

Sí, es posible encadenar varios cargadores en Node.js, donde cada cargador puede pasar la responsabilidad al siguiente, permitiendo una variedad de transformaciones y resoluciones personalizadas durante la carga de módulos.

La principal diferencia radica en cómo se manejan las URLs y la seguridad. Los navegadores restringen el acceso a ciertos recursos por razones de seguridad, mientras que Node.js permite un control más flexible y directo sobre las rutas y los sistemas de archivos.

Gil Tayar
Gil Tayar
22 min
05 Jun, 2023

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Los ESM Loaders mejoran la carga de módulos en Node.js al resolver URLs y leer archivos del disco. Los cargadores de módulos pueden anular módulos y cambiar cómo se encuentran. Mejorar la fase de carga implica cargar directamente desde HTTP y cargar código TypeScript sin compilarlo. El cargador en la URL del módulo maneja la resolución de URLs y utiliza fetch para obtener el código fuente. Los cargadores se pueden encadenar para cargar desde diferentes fuentes, transformar el código fuente y resolver URLs de manera diferente. El futuro de las mejoras en la carga de módulos es prometedor y fácil de usar.

1. Introducción a ESM y Carga de Módulos en Node.js

Short description:

ESM Loaders, Mejorando la Carga de Módulos en Node.js. ESM es el sistema de módulos estándar de JavaScript nativo de Node.js. La carga de módulos en Node.js implica ejecutar el código dentro de un módulo. Los usuarios de TypeScript necesitan transpilar a common.js. La ejecución de módulos en Node.js implica resolver URLs.

ESM Loaders, Mejorando la Carga de Módulos en Node.js. Hola, soy Gil Tayar. Soy bastante viejo. Nos remontamos a los años 80. Siempre fui desarrollador. Hice muchas cosas, pero básicamente eso es lo que amo hacer. Otra cosa que me encanta hacer es usar NPM y ESM y todo eso para mejorar mi código utilizando una modularidad extrema y pruebas de código. Actualmente soy ingeniero de software en Microsoft y trabajo en cosas geniales como el Azure Data Explorer, que es un motor de análisis en tiempo real. Nada que ver con ESM.

Bien, vamos a aclarar algunas cosas antes de hablar sobre cómo mejorar la carga de módulos. Hablemos de qué es ESM. ESM es el sistema de módulos estándar de JavaScript. y ahora es nativo de Node.js. Así que si antes teníamos module.export de common.js para exportar algo y require para importarlo, en ESM, se utiliza la sintaxis estándar export e import para hacer la exportación e importación de módulos. La sintaxis nativa funciona en Node.js, la mayoría de las personas todavía usan common.js pero ESModule se está utilizando cada vez más frecuentemente.

¿Qué es la carga de módulos en Node.js? Hablemos un poco sobre esa carga de módulos. En primer lugar, ¿qué es un módulo? Básicamente, es un archivo glorificado, simplemente se llama módulo. Entonces, cuando ejecuto un módulo o importo un módulo, básicamente estoy ejecutando el código dentro del módulo, es una ejecución glorificada de la carga de módulos. Incluso cuando estoy importando module.js en la parte superior, se está ejecutando module.js en la parte inferior y luego continúa ejecutando main.js. Todo se trata de una ejecución glorificada. En primer lugar, una nota para los usuarios de TypeScript, si estás utilizando TypeScript en Node.js, estás utilizando la sintaxis de import-export pero probablemente estés transpilando eso a common.js porque ESM es bastante nuevo en el juego. Por lo general, TypeScript transpila por defecto a common.js. Así que si estás probando todas las cosas que estoy haciendo aquí con los cargadores de ASM en tu código de TypeScript, no funcionará. Debes no traducir el ESM utilizando module.node.next. Y tienes un ejemplo en el repositorio de GitHub, no te preocupes, al final, tendrás un enlace al repositorio de GitHub con un código QR y un enlace a esta presentación. De acuerdo. ¿Cuáles son las fases de la ejecución de módulos? ¿Cómo ejecuta Node.js un módulo? No es simple. En primer lugar, resolvemos la URL. Así que si estamos haciendo import.slash module.js, tenemos que resolverlo a la ruta absoluta en el disco. Y ESM no habla de rutas.

2. Carga de Módulos ESM en Node.js

Short description:

La carga de módulos ESM en Node.js implica resolver URLs y leer archivos del disco. Carga de forma recursiva todos los módulos en el archivo sin ejecutarlos. Una vez que se cargan todos los archivos, ejecuta el código de los módulos en el orden correcto.

Se habla de URLs. Por lo general, las URLs son URLs de archivos, pero siguen siendo URLs. Una vez que se resuelve la URL, una vez que Node.js resuelve la URL, lee el archivo del disco. Y esto es diferente de CommonJS, pero no hablemos de eso, carga de forma recursiva todos los modules en el archivo sin ejecutarlos.

Observa que no hemos ejecutado el módulo ESM anterior. Una vez que carga de forma recursiva todos los archivos, ejecuta el código de todos los modules de abajo hacia arriba en el orden correcto. Estas son las fases de ejecución de módulos en Node.js. Y básicamente también en los navegadores, en cualquier lugar donde se implemente ESM, estas son las fases. Y esto es diferente de CommonJS, no entremos en detalles.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Es una jungla ahí fuera: ¿Qué está pasando realmente dentro de tu carpeta Node_Modules?
Node Congress 2022Node Congress 2022
26 min
Es una jungla ahí fuera: ¿Qué está pasando realmente dentro de tu carpeta Node_Modules?
Top Content
The talk discusses the importance of supply chain security in the open source ecosystem, highlighting the risks of relying on open source code without proper code review. It explores the trend of supply chain attacks and the need for a new approach to detect and block malicious dependencies. The talk also introduces Socket, a tool that assesses the security of packages and provides automation and analysis to protect against malware and supply chain attacks. It emphasizes the need to prioritize security in software development and offers insights into potential solutions such as realms and Deno's command line flags.
Hacia una Biblioteca Estándar para Runtimes de JavaScript
Node Congress 2022Node Congress 2022
34 min
Hacia una Biblioteca Estándar para Runtimes de JavaScript
Top Content
There is a need for a standard library of APIs for JavaScript runtimes, as there are currently multiple ways to perform fundamental tasks like base64 encoding. JavaScript runtimes have historically lacked a standard library, causing friction and difficulty for developers. The idea of a small core has both benefits and drawbacks, with some runtimes abusing it to limit innovation. There is a misalignment between Node and web browsers in terms of functionality and API standards. The proposal is to involve browser developers in conversations about API standardization and to create a common standard library for JavaScript runtimes.
Diagnostics de Node.js listos para usar
Node Congress 2022Node Congress 2022
34 min
Diagnostics de Node.js listos para usar
This talk covers various techniques for getting diagnostics information out of Node.js, including debugging with environment variables, handling warnings and deprecations, tracing uncaught exceptions and process exit, using the v8 inspector and dev tools, and generating diagnostic reports. The speaker also mentions areas for improvement in Node.js diagnostics and provides resources for learning and contributing. Additionally, the responsibilities of the Technical Steering Committee in the TS community are discussed.
Compatibilidad con Node.js en Deno
Node Congress 2022Node Congress 2022
34 min
Compatibilidad con Node.js en Deno
Deno aims to provide Node.js compatibility to make migration smoother and easier. While Deno can run apps and libraries offered for Node.js, not all are supported yet. There are trade-offs to consider, such as incompatible APIs and a less ideal developer experience. Deno is working on improving compatibility and the transition process. Efforts include porting Node.js modules, exploring a superset approach, and transparent package installation from npm.
Registro Multihilo con Pino
JSNation Live 2021JSNation Live 2021
19 min
Registro Multihilo con Pino
Top Content
Today's Talk is about logging with Pino, one of the fastest loggers for Node.js. Pino's speed and performance are achieved by avoiding expensive logging and optimizing event loop processing. It offers advanced features like async mode and distributed logging. The use of Worker Threads and Threadstream allows for efficient data processing. Pino.Transport enables log processing in a worker thread with various options for log destinations. The Talk concludes with a demonstration of logging output and an invitation to reach out for job opportunities.
Construyendo un monolito modular con Fastify
Node Congress 2023Node Congress 2023
30 min
Construyendo un monolito modular con Fastify
Top Content
Fastify is a powerful tool for building web applications and APIs in Node.js, with millions of downloads per month. It promotes encapsulation and structuring through plugins and decorators, allowing for code and data segmentation. The talk emphasizes the importance of modularizing applications by domains and features, and showcases a demo of a typical Fastify application. The speaker also discusses the benefits of using Platformattic for refactoring and launching Fastify applications in the cloud. The Q&A section covers topics such as dependency injection and debugging, while also highlighting the importance of separating business logic from API contracts.

Workshops on related topic

Masterclass de Node.js
Node Congress 2023Node Congress 2023
109 min
Masterclass de Node.js
Top Content
Workshop
Matteo Collina
Matteo Collina
¿Alguna vez has tenido dificultades para diseñar y estructurar tus aplicaciones Node.js? Construir aplicaciones que estén bien organizadas, sean probables y extensibles no siempre es fácil. A menudo puede resultar ser mucho más complicado de lo que esperas. En este evento en vivo, Matteo te mostrará cómo construye aplicaciones Node.js desde cero. Aprenderás cómo aborda el diseño de aplicaciones y las filosofías que aplica para crear aplicaciones modulares, mantenibles y efectivas.

Nivel: intermedio
Construye y Despliega un Backend con Fastify y Platformatic
JSNation 2023JSNation 2023
104 min
Construye y Despliega un Backend con Fastify y Platformatic
WorkshopFree
Matteo Collina
Matteo Collina
Platformatic te permite desarrollar rápidamente APIs GraphQL y REST con un esfuerzo mínimo. La mejor parte es que también te permite aprovechar todo el potencial de Node.js y Fastify cuando lo necesites. Puedes personalizar completamente una aplicación de Platformatic escribiendo tus propias características y complementos adicionales. En el masterclass, cubriremos tanto nuestros módulos de código abierto como nuestra oferta en la nube:- Platformatic OSS (open-source software) — Herramientas y bibliotecas para construir rápidamente aplicaciones robustas con Node.js (https://oss.platformatic.dev/).- Platformatic Cloud (actualmente en beta) — Nuestra plataforma de alojamiento que incluye características como aplicaciones de vista previa, métricas integradas e integración con tu flujo de Git (https://platformatic.dev/).
En este masterclass aprenderás cómo desarrollar APIs con Fastify y desplegarlas en la nube de Platformatic.
Construyendo un Servidor Web Hiper Rápido con Deno
JSNation Live 2021JSNation Live 2021
156 min
Construyendo un Servidor Web Hiper Rápido con Deno
WorkshopFree
Matt Landers
Will Johnston
2 authors
Deno 1.9 introdujo una nueva API de servidor web que aprovecha Hyper, una implementación rápida y correcta de HTTP para Rust. El uso de esta API en lugar de la implementación std/http aumenta el rendimiento y proporciona soporte para HTTP2. En este masterclass, aprende cómo crear un servidor web utilizando Hyper en el fondo y mejorar el rendimiento de tus aplicaciones web.
0 a Auth en una Hora Usando NodeJS SDK
Node Congress 2023Node Congress 2023
63 min
0 a Auth en una Hora Usando NodeJS SDK
WorkshopFree
Asaf Shen
Asaf Shen
La autenticación sin contraseña puede parecer compleja, pero es fácil de agregar a cualquier aplicación utilizando la herramienta adecuada.
Mejoraremos una aplicación JS de pila completa (backend de Node.JS + frontend de React) para autenticar usuarios con OAuth (inicio de sesión social) y contraseñas de un solo uso (correo electrónico), incluyendo:- Autenticación de usuario - Administrar interacciones de usuario, devolver JWT de sesión / actualización- Gestión y validación de sesiones - Almacenar la sesión para solicitudes de cliente posteriores, validar / actualizar sesiones
Al final del masterclass, también tocaremos otro enfoque para la autenticación de código utilizando Flujos Descope en el frontend (flujos de arrastrar y soltar), manteniendo solo la validación de sesión en el backend. Con esto, también mostraremos lo fácil que es habilitar la biometría y otros métodos de autenticación sin contraseña.
Tabla de contenidos- Una breve introducción a los conceptos básicos de autenticación- Codificación- Por qué importa la autenticación sin contraseña
Requisitos previos- IDE de tu elección- Node 18 o superior
Dominando Node.js Test Runner
TestJS Summit 2023TestJS Summit 2023
78 min
Dominando Node.js Test Runner
Workshop
Marco Ippolito
Marco Ippolito
Node.js test runner es moderno, rápido y no requiere bibliotecas adicionales, pero entenderlo y usarlo bien puede ser complicado. Aprenderás a utilizar Node.js test runner a su máximo potencial. Te mostraremos cómo se compara con otras herramientas, cómo configurarlo y cómo ejecutar tus pruebas de manera efectiva. Durante la masterclass, haremos ejercicios para ayudarte a sentirte cómodo con el filtrado, el uso de afirmaciones nativas, la ejecución de pruebas en paralelo, el uso de CLI y más. También hablaremos sobre trabajar con TypeScript, hacer informes personalizados y la cobertura de código.
GraphQL: De Cero a Héroe en 3 horas
React Summit 2022React Summit 2022
164 min
GraphQL: De Cero a Héroe en 3 horas
Workshop
Pawel Sawicki
Pawel Sawicki
Cómo construir una aplicación GraphQL fullstack (Postgres + NestJs + React) en el menor tiempo posible.
Todos los comienzos son difíciles. Incluso más difícil que elegir la tecnología es desarrollar una arquitectura adecuada. Especialmente cuando se trata de GraphQL.
En este masterclass, obtendrás una variedad de mejores prácticas que normalmente tendrías que trabajar en varios proyectos, todo en solo tres horas.
Siempre has querido participar en un hackathon para poner algo en funcionamiento en el menor tiempo posible, entonces participa activamente en este masterclass y únete a los procesos de pensamiento del instructor.