Creo que me quedaré con vite para proyectos medianos / grandes, y Rollup se me hizo interesante para optimizar proyectos con vanilla JavaScript
Introduccion
Bienvenida al curso de Empaquetadores Web
¿Qué es un empaquetador de módulos de JavaScript?
Empaquetadores de módulos más populares
¿Por qué necesitamos un empaquetador de módulos?
Webpack
Primeros pasos en Webpack
Configuración de webpack
Proyecto a empaquetar: Tu propio árbol de links
Lógica del árbol de links tipo linktree
Empaquetando un proyecto con webpack
Parcel
Primeros pasos en Parcel
Proyecto a empaquetar: single page con Vanilla JavaScript
Lógica del proyecto single page
Empaquetando un proyecto con parcel
ESBuild
Primeros pasos en ESBuild
Proyecto a empaquetar: contador de React
Empaquetando nuestro proyecto con ESBuild
Configuración de ESBuild serve
Rollup
Primeros pasos en Rollup
Configurando plugins de Rollup
Proyecto a empaquetar: Fake API
Empaquetando nuestro proyecto con Rollup
Vite
Empaquetando un proyecto con Vite
Conclusiones
Ventajas y Desventajas de los empaquetadores
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Oscar Barajas Tavares
Aportes 11
Preguntas 1
Creo que me quedaré con vite para proyectos medianos / grandes, y Rollup se me hizo interesante para optimizar proyectos con vanilla JavaScript
Que impresionante la facilidad que da Vite, Definitivamente seguiré con el curso del mismo
Vite está muy bueno por la facilidad de uso que tiene y por su velocidad al completar procesos
Desde que conocà Vite con el curso de Diana MartÃnez me encantó su facilidad y rapidez. Lo amo
Me encanta Vite
Me gusta Vite, aunque la mayoria de los trabajos piden conocimiento en webpack, quizas esto cambie con el tiempo.
Para que les aparezca en gh-pages recomiendo:
agregar esto en vite.config.ts: base: ‘/nombre-repositorio/’,
quedaria asÃ:
import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
// https://vitejs.dev/config/
export default defineConfig({
base: '/nombre-de-su-repositorio-de-github/',
plugins: [svelte()],
})
y modificar un poco el package.json asÃ:
"deploy": "vite build && gh-pages -d dist",
"predeploy": "rm -rf dist"
ya el resto lo conocen para publicar en gh-pages… good luck!
Vite usa rollup y ESBuild por detrás, de ahà su poder! 😅
Al parecer todos dicen Vite entonces…
Vite âš¡
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?