Cómo crear tu primer proyecto con Vite
Contenido del curso
Webpack
Parcel
ESBuild
Rollup
Vite
Conclusiones
Cómo crear tu primer proyecto con Vite
Cómo crear tu primer proyecto con Vite
Contenido del curso
Brandon Argel Verdeja Domínguez
Bryan Figueroa
Josue Cerron Tuesta
Rubén Ernesto Aragón Gil
Bryan Figueroa
César Augusto Cortés Labrada
Cristian Blandon
Kenneth Angulo L
Donovan RM
Enrique Palomino
Gilbert Ardila
Seba Cardoso
Kenneth Angulo L
Federico Ivan Llano
Oscar Cornejo
Juan José Mamani Tarqui
Jhon Eduard Bocanegra Ortiz
Creo que me quedaré con vite para proyectos medianos / grandes, y Rollup se me hizo interesante para optimizar proyectos con vanilla JavaScript
Solo por la facilidad que da... usaria vite hasta para un solo archivo de html xd
Vite es el mejor!
Que impresionante la facilidad que da Vite, Definitivamente seguiré con el curso del mismo
¿Cómo saber cuales plugins son los que podemos usar para cada empaquetador, la documentación te los indica o tocaría googlear? La mayoría de los plugins usados en el curso ni idea que existían; incluso los loader.
Generalmente la documentación del mismo empaquetador te lista los plugins, tanto propios como compatibles.
¿Cuándo debería elegir TypeScript al iniciar?
Deberías optar por TypeScript desde el inicio si estás construyendo un proyecto que va a escalar, si trabajarás en equipo, o si simplemente quieres evitar dolores de cabeza a largo plazo. Piensa en TypeScript como un corrector ortográfico avanzado pero para la lógica de tu código. Mientras que JavaScript puro te permite cometer errores silenciosos (como intentar sumar un número con texto) que solo descubrirás cuando la aplicación falle en el navegador, TypeScript detecta estos problemas directamente en tu editor de código antes de que siquiera guardes el archivo. Al usar el inicializador del empaquetador, seleccionar la variante con TypeScript te ahorra toda la configuración manual del archivo tsconfig.json y los loaders necesarios. Te entrega un entorno tipado al instante, lo que resulta en un código más predecible, autocompletado inteligente y una arquitectura mucho más robusta.
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 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
2026, el main debe estar estructurado de esta forma para cargar el proyecto:
// Estructura del main con Svelte 5
import { mount } from 'svelte'
import './app.css'
import App from './App.svelte'
const app = mount(App, {
target: document.getElementById('app')!
})
export default app
Me gusta Vite, aunque la mayoria de los trabajos piden conocimiento en webpack, quizas esto cambie con el tiempo.
Vite usa rollup y ESBuild por detrás, de ahí su poder! 😅
Al parecer todos dicen Vite entonces...
Vite ⚡