Usa bun con Astro
Bun è un runtime e toolkit JavaScript all-in-one. Per maggiori informazioni, consulta la documentazione di Bun.
Bun ha rilasciato da poco la sua prima versione stabile. Tuttavia, l’utilizzo di Bun con Astro potrebbe rivelare qualche problema. Alcune integrazioni potrebbero non funzionare come previsto. Consulta la documentazione ufficiale di Bun per lavorare con Astro per maggiori dettagli.
Se hai riscontri alcuni problemi usando Bun, perfavore apri una Issue su GitHub con Bun direttamente.
Prerequisiti
Sezione intitolata Prerequisiti- Bun installato localmente sulla tua macchina. Consulta le istruzioni di installazione nella documentazione ufficiale di Bun.
Crea un nuovo progetto Astro con Bun
Sezione intitolata Crea un nuovo progetto Astro con BunCrea un nuovo progetto Astro con Bun usando il seguente comando create-astro
:
Puoi creare anche un nuovo progetto Astro da qualsiasi repository Astro GitHub esistente usando il flag --template
:
Installare le dipendenze
Sezione intitolata Installare le dipendenzeSe stai avviando un nuovo progetto usando bunx create-astro
, la CLI utilizzerà automaticamente Bun per installare le dipendenze e puoi saltare questo passaggio.
Altrimenti, dovrai installare le dipendenze con Bun:
Aggiungere i Types
Sezione intitolata Aggiungere i TypesBun pubblica i tipi di runtime per Bun nel pacchetto @types/bun
.
Installa @types/bun
usando il seguente comando:
Usare le integrazioni di Astro
Sezione intitolata Usare le integrazioni di AstroPotresti anche usare qualsiasi integrazione ufficiale di Astro con il comando astro add
:
Esegui Astro con Bun
Sezione intitolata Esegui Astro con BunUsa il flag CLI --bun
prima di ogni comando astro
per usare il runtime di Bun al posto di Node.
Esegui il server di sviluppo
Sezione intitolata Esegui il server di sviluppoPer eseguire il server di sviluppo usando Bun come runtime, usa il seguente comando:
Crea il tuo sito con Bun
Sezione intitolata Crea il tuo sito con BunPer creare il tuo sito usando Bun come runtime, usa il seguente comando:
Astro scriverà l’output del tuo sito nella cartella dist/
. Puoi servire il tuo sito usando il comando preview
:
Aggiungere l’SSR con Bun
Sezione intitolata Aggiungere l’SSR con BunPoiché Bun supporta la compatibilità con le API di Node.js, puoi usare qualsiasi adattatore Astro per il rendering lato server al tuo progetto Astro:
Testare con Bun
Sezione intitolata Testare con BunBun è fornito con un test runner integrato, veloce e compatibile con Jest, tramite il comando bun test
. Se vuoi usarlo, leggi la documentazione di bun test
.
Comunque, è anche possibile usare Cypress o Playwright per un approccio moderno al testing delle web app.
Cypress
Sezione intitolata CypressCypress è un tool di testing front-end e ha come obiettivo “rendere l’esperienza di testing piacevole e generare felicità per gli sviluppatori”. Questo ti permette di scrivere test end-to-end per il tuo sito Astro.
Installa Cypress con il seguente comando:
Per il resto della configurazione e per iniziare il tuo primo test, segui il resto del processo di Cypress nella Guida al Testing di Astro.
Playwright
Sezione intitolata PlaywrightPlaywright è un framework di testing end-to-end che ti permette di testare il tuo codice Astro su tutti i moderni motori di rendering, inclusi Chromium, WebKit e Firefox.
Installa Playwright con il seguente comando:
Per creare il tuo primo test di Playwright, segui le istruzioni per il resto del processo di Playwright nella Guida al Testing di Astro.
Risorse Ufficiali
Sezione intitolata Risorse UfficialiRisorse della Community
Sezione intitolata Risorse della CommunityUsi Bun con Astro? Aggiungi il tuo blog post o video a questa pagina!
- Crea un sito con Cloudflare Pages usando Bun - blog post