Rustificando Vite: Diseñando una Cadena de Herramientas Híbrida para el Mundo Real

Así que comencemos. Entonces, tenemos muchas opciones aquí para pre-empaquetado, para transformación, para minificación, rollup, empaquetado, el sistema de plug-in, todos los plug-ins de tus frameworks favoritos son plug-ins de rollup hasta cierto punto también, y también un control de fragmentos muy limitado. Y luego para los que usan React aquí, también estaba SWC que podrías usar como una alternativa para transformaciones, para React fast refresh, etc. Pero el problema es, bueno, estas son tres herramientas juntas en una herramienta de construcción más grande. Esto ya suena como un dolor, ¿verdad? Así que en algún momento pensamos, ¿por qué no unificar toda esta capa, la capa subyacente del empaquetador? Y eso significaba lo siguiente. Tomamos esto, lo quitamos todo, cambiamos el logo porque eso sucedió en V8 eventualmente, y luego está rolldown, un empaquetador para todos. Así que te preguntas, ¿por qué hay otro empaquetador? ¿Por qué no podemos usar uno de estos que ya existen, o como TurboPack o lo que Tobias habló antes, o Webpack, etc.? Bueno, es complicado. ¿Verdad? Pero primero que nada, múltiples empaquetadores bajo el capó, por supuesto, complejidad. Es un gran problema para los mantenedores de V8, los contribuyentes, pero también para los desarrolladores porque introduce inconsistencias entre el desarrollo y entre la producción, lo cual apesta.

Luego también hay limitaciones. Algunos empaquetadores dicen, oh, no implementamos A, B, C, así que ni rollup ni A están construidos. Querían introducir ciertas características porque dijeron, oye, está fuera de alcance. Y está bien, pero estas son características que V8 y tal vez todos ustedes necesitan. Y luego, por supuesto, el tiempo. ¿Verdad? También sabemos que en el pasado los tiempos de Webpack tomaban mucho tiempo. Y ahora las construcciones son más rápidas, pero podrían ser aún más rápidas ahora.

Entonces, por supuesto, ¿qué hacemos? Leemos todo en Rust. Somos desarrolladores 10x. Vamos. Bromas aparte, es hora de conocer Roldown. Y sí, eso simplemente rodó a propósito. Así que Roldown en sí está aburrido y simplemente como, oye, tomemos rollup y portémoslo a Rust porque no es tan fácil. En cambio, decidimos combinar las mejores partes que tenemos del arte previo. Así que la API de rollup, todos los plugins siguen siendo compatibles. ¿Verdad? Muy importante, así que realmente no tienes que migrar cosas y más. Sería como un gran cambio para todos.

La velocidad y también el comportamiento para mí está construido. ¿Verdad? Cosas como inject, define, etcétera. Y también nos inspiramos, nos inspiramos en Webpack para tener un fragmentado más avanzado. Así que puedes asegurarte de que tus aplicaciones JavaScript sean lo más eficientes posible. Puedes dividirlo en archivos según sea necesario. Y también hay más, por supuesto. Más características como tipos de módulo, optimización de barril perezoso, HMR incorporado, generación de mapa de entrada, etcétera, etcétera, etcétera. Hay mucho. Y también, por supuesto, hay un minificador y transformador incorporado. Así que puedes tener reducción de sintaxis, o tu TypeScript se transfiere a JavaScript y tu código se minimiza. Así que tienes un paquete muy eficiente al final. Así que eso es lo que puede hacer rolldown. Pero también, sí, se siente un poco extraño, ¿verdad? Despierta, hay otra reescritura en Rust.

Bueno, al menos no está prohibido. Así que lo que podemos hacer aquí y por qué lo hicimos al final es que queremos asegurarnos de que el empaquetador basado en Rust también funcione bien con el ecosistema de JavaScript. Cómo hicimos esto es que añadimos algunas palancas más para los autores de plugins. Y una de las cosas son los filtros de gancho para plugins. Así que los plugins funcionan tal como son, pero luego tienes que llamar al plugin de JavaScript para cada archivo para cada verificación, y eso es un poco meh, ¿verdad? Así que, en cambio, dijimos, mira, digamos que tenemos este plugin muy simple de rolldown o rollup. No son incompatibles, ¿verdad? Son compatibles. Así que vamos a crear un nuevo marco llamado Swangular. Y simplemente decimos, OK, transforma algo. Si el ID no termina con Swangular, entonces regresa. Y de lo contrario, haz alguna transformación real. Sí, Swangular es un gran nombre, lo sé. Pero el problema es que esta función de transformación se llama para cada archivo, y eso es un montón de archivos, te lo digo, en tus módulos de Node.

Así que, en cambio, lo que hacemos es, bueno, tomamos esto, pero lo extraemos en una función de filtro para decir, OK, solo ejecuta esto si el ID incluye Swangular. Y ahora esto también puede ser analizado por Rust para que Rust no tenga que llamarlo todo el tiempo y decir, OK, solo para estas condiciones, y estamos bien. Y esa es la magia detrás de esto. Así que menos sobrecarga, y funciona en rolldown, read, e incluso en rollup. Sí, es importante en todas partes, ¿verdad? Y si no está ahí, está bien. Simplemente será ignorado. Además, feed ha sido, bueno, Rustificado, por supuesto, así que los plugins nativos de Rust están cubiertos. Cosas como la resolución de módulos, sí, encontrar todos estos alias, etcétera, etcétera. Transformación de TypeScript JSX, lo mencioné antes.

Reemplazos definidos, ¿verdad? Como nodes n, por ejemplo. Importar metaglob, si necesitas una cierta expresión, por lo tanto. Todas las variables de importación dinámica, así que cosas como importar páginas y luego el nombre, .js o con la sintaxis de plantilla aquí. Así que y eso no es el final, por supuesto. Lo hicimos con el empaquetador. Tenemos el minificador subyacente, bueno, transformador, etc. Y basado en eso, tenemos un linter y un formateador. Todo eso junto, puedes usarlo en una cadena de herramientas llamada V+. Pero eso es tema para otra masterclass. Y eso es todo al respecto. Gracias por su atención. Gracias a todos.