bun으로 반응 앱 만들기

다음 반응 프로젝트에 bun을 사용하고 싶습니까?

롤빵 설치

먼저 다음 명령을 실행하여 bun가 설치되었는지 확인합니다.

bun -v

bun가 설치되어 있지 않은 경우 다음 명령을 실행하여 bun를 설치합니다.

curl https://bun.sh/install | bash

반응 앱 만들기

이제 다음 명령을 실행하여 반응 앱을 만듭니다.

bun create react [your-app-name]

앱 이름으로 새 디렉토리를 생성합니다. 앱을 시작하려면 다음 명령을 실행하십시오.

cd your-app-name
bun dev

반응 앱용 프로덕션 번들 빌드

기본적으로 bun는 react-scripts와 함께 제공되지 않으므로 먼저 설치해야 합니다.

bun a react-scripts -d

여기서 우리는 그것을 dev 종속성으로 설치합니다.

그런 다음 다음 명령을 실행하여 프로덕션 번들을 빌드합니다.

bun react-scripts build

위의 명령을 실행하면 프로덕션 번들이 빌드되고 build 디렉토리에 저장됩니다.

package.json에 스크립트 추가

package.json 파일에 다음 스크립트를 추가할 수 있습니다.

{
  "scripts": {
    "start": "bun dev",
    "build": "react-scripts build"
  }
}

이제 다음 명령을 실행하여 앱을 시작할 수 있습니다.

bun start

그리고 다음 명령을 실행하여 프로덕션 번들을 빌드할 수 있습니다.

bun run build

보너스:

By default bun creates react app with javascript but we can easily use typescript by changing the file extension from .jsx to .tsx

GitHub에서 전체 소스 코드 얻기