Pragmatisk snabbstart för webbprojekt 2025

Jag skrev senast 2021 om hur jag med så låg startsträcka som möjligt startar webbprojekt - på den tiden, rena HTML+CSS projekt med några få rader JavaScript.

Jag har de senaste veckorna gjort en liknande övning, men med Svelte och TypeScript. Min gamla favorit Parcel räcker inte riktigt till (åtminstone inte utan en plugin), så mitt val föll istället på Vite (som tydligen ska uttalas “vit” eller “vitt”).

Med Vite är det enkelt att komma igång, oavsett om det är vanilj-JS, Vue, React, Lit eller Svelte.

npm create vite@latest

Några saker jag gillar:

• HMR är på plats direkt, precis som med Parcel.
• Mapp- och filstrukturen är trevlig och helt odramatisk.
• TypeScript är valbart i alla steg.
• Git-ignores läggs till.
• Tre run-scripts läggs till i package.json: dev för lokal utveckling, build för att skapa en produktionsbundle redo att skeppa, och preview som förhandsgranskar produktionsbygget.
• Även mer trendiga ramverk som Preact, Qwik och Solid stöds.

Jag har varit igång och kodat på mindre än en minut med Vite, i ett par laborationer. Det är aningen mer scaffold än med enbart Parcel, men jag gillar ändå Vite. Jag kommer att fortsätta använda det ett tag.