Astro에서 Bun 사용하기

Bun은 올인원 JavaScript 런타임 및 툴킷입니다. 자세한 내용은 Bun 문서를 확인하세요.

전제 조건

Bun이 로컬 기기에 설치되어 있어야 합니다. Bun 공식 문서의 설치 방법을 참조하세요.

Bun으로 새 Astro 프로젝트 생성

다음 create-astro 명령어를 사용하여 Bun으로 새 Astro 프로젝트를 생성하세요.

bunx create-astro@latest my-astro-project-using-bun

--template 플래그를 사용하여 기존 Astro GitHub 저장소에서 새로운 Astro 프로젝트를 생성할 수도 있습니다:

bunx create-astro@latest my-astro-project-using-bun --template eliancodes/brutal

종속성 설치

bunx create-astro 명령어를 사용하여 새 프로젝트를 시작하는 경우, CLI는 Bun을 사용하여 종속성을 설치하므로 이 단계를 건너뛸 수 있습니다.

그렇지 않은 경우, Bun을 사용하여 종속성을 설치해야 합니다.

bun install

타입 추가

Bun은 @types/bun 패키지를 제공하며, 여기에는 Bun의 런타임 타입이 포함되어 있습니다.

다음 명령어를 사용하여 @types/bun을 설치합니다.

bun add -d @types/bun

Astro 통합 사용

astro add 명령어를 통해 모든 공식 Astro 통합을 사용할 수 있습니다:

bunx astro add react

Bun으로 Astro 실행

개발 서버 실행

Bun을 런타임으로 사용하여 개발 서버를 실행하려면 다음 명령어를 사용하세요.

bunx --bun astro dev

Bun으로 사이트 빌드

Bun을 런타임으로 사용하여 사이트를 빌드하려면 다음 명령어를 사용하세요.

bunx --bun astro build

Astro는 dist/ 디렉터리에 빌드 결과를 생성합니다. 그러면 preview 명령어를 사용하여 사이트를 제공할 수 있습니다.

bunx --bun astro preview

Bun으로 SSR 추가

Bun은 Node.js API 호환성을 제공하므로 Astro 프로젝트의 요청 시 렌더링을 위한 모든 Astro 어댑터를 사용할 수 있습니다:

bunx astro add vercel

Bun에서 테스팅

Bun은 bun test 명령어로 실행할 수 있는 강력한 성능을 가진 Jest 호환 내장 테스트 러너를 제공합니다. 이를 사용하려면 bun test 문서를 참조하세요.

그러나 현대적인 방법으로 웹 앱을 테스팅하기 위해 Cypress 또는 Playwright를 사용하는 것도 가능합니다.

Cypress

Cypress는 “즐거운 테스팅 경험과 개발자를 행복하게 하는 것”을 목표로 하는 프런트엔드 테스팅 도구입니다. 이 도구를 사용하여 Astro 사이트에서 end-to-end 테스트를 작성할 수 있습니다.

다음 명령어를 사용하여 Cypress를 설치합니다.

bun add cypress --dev

나머지 구성 및 첫 번째 테스트를 시작하려면 Astro 테스팅 가이드의 Cypress 나머지 과정을 따르세요.

Playwright

Playwright는 Chromium, WebKit, Firefox를 포함한 모든 최신 렌더링 엔진에서 Astro 코드를 테스트할 수 있는 end-to-end 테스팅 프레임워크입니다.

다음 명령어를 사용하여 Playwright를 설치합니다.

bun create playwright

첫 번째 Playwright 테스트를 생성하려면 Astro 테스팅 가이드의 나머지 Playwright 과정에 대한 지침을 따르세요.

공식 리소스

Astro 및 Bun을 사용하여 앱 구축

커뮤니티 리소스

Astro와 Bun을 함께 사용하고 계신가요? 이 페이지에 여러분의 블로그 게시물이나 동영상을 추가하세요!

Bun을 사용하여 Cloudflare Pages 사이트 빌드 - 블로그 게시물
Astro 및 Cloudflare Pages와 함께 Bun 사용하기 - 블로그 게시물

기여하기

커뮤니티