Vite

Introducció#

Vite és una eina de construcció que té com a objectiu proporcionar una experiència de desenvolupament més ràpida i lleugera per a projectes web moderns. Consta de dues parts principals:

• Un servidor de desenvolupament que proporciona millores amb funcionalitats enriquides sobre mòduls ES natius, per exemple, Reemplaçament de Mòduls en Calent (HMR) extremadament ràpid.

• Un build command que empaqueta el teu codi amb Rollup, preconfigurada per generar assets estàtics altament optimitzats per a producció.

Crea el teu primer projecte amb React

Getting Started

Cloudlfare#

Create a new React SPA using the create-cloudflare CLI:

bun create cloudflare@latest vite-mongo -- --framework=react --platform=workers

This command runs create-vite and then makes the necessary changes to incorporate the Cloudflare Vite plugin.

Seleccciona:

• category: Framework Starter
• framework: React
• variant: TypeScript + SWC
• git: No

Hello, World!#

Puedes crear un proyecto:

bun create vite

¡Y a continuación sigue las instrucciones!

Otra opción es especificar directamente el nombre del proyecto y la plantilla que deseas usar,

Por ejemplo, para montar un proyecto de Vite + Reac, ejecuta:

bun create vite tsx --template react-swc-ts

Tailwind#

Instala tailwindcss:

bun add -d tailwindcss @tailwindcss/vite