javascript:: bun run start 실행하기, npm run start 말고

 
 
 
뒤적거리다가 node.js보다 bun이 빠르다고 하던 글은 더러 봤었다.
bun ver1.0이 나왔다길래 설치를 해볼까 싶어서 따라해 봅니다.
 
https://bun.sh/

 
 

** windows에서는 지원안됨

 

 

 


 
첫 화면을 따라하면서 부터 에러,
일단 unzip부터 설치한다.
(내 wsl이 꼬였는지 에러나서 wsl부터 다시 설치 했음)

sudo apt-get install unzip

 
 
 
 
간단히 성공.
Quick Start에 나온대로 따라해 봅니다.

 
 
 
기대하고 bun run index.ts 를 실행
짠!

 
 
뭐야.. 딱 hello via Bun! 이게 다네..
 
 
react sample을 한번 실행 봅시다.
다른 글을 보니 vite+bun 실행하길래 요즘에 vite가 또 빠르다 해서 (stackblitz.com에서 샘플이 vite로 많이 되어 있음)
vite를 걸어보니 패키지가 없어서 설치를 먼저.

이때 대충 npm명령어를 대체해서 입력했더니 npm install 이라고 했는데도 설치는 정상적으로 완료. 공식홈페이지에서는 bun add로 시작함.
 

#bun 환경에서는
bun add -D vitest

#npm 환경에서라면
npm install -D vitest

 

 
 
 
 
 
일단 bun vite 를 사용하면 아래 같이 편하게 나옴.

오잉?
npx create-react-app 이걸 생각하고 그냥 따라한 것인데, create vite 로 하면 아무것이나 선택할 수가 있음. 편한데!!!
 
그런데 해당 블로그에서는 bun performance를 제대로 쓰려면 아래 명령어 쓰라고 나옴

bun create react-app name 

 
 
 
일단 진행!
아직 typescript는 어려우니깐.. JS

+ "SWC" 는 뭔가 검색해보니 RUST를 쓰는 듯함. RUST는 더 어려움... 테스트 BUILD하면서 3시간 헤맸던 기억이 있으니 이것 또한 PASS!
 
 
 
뭔지 모르겠지만, npm 보다는 확실히 속도가 빠른 듯

 
 
 
 
 

bun run dev
>> 실제론 bun dev 입력함. 원래 둘 다 되니깐

 
 
 
 
 
 
짠!!
내가 알던 그 VITE+REACT 조합의 샘플이 탄생!
 
 
앞으로 BUN 으로 써봐야 겠음
 

 
 
 
 
 
 


https://bun.sh/docs/quickstart_

 

Quickstart | Bun Docs

Let's write a simple HTTP server using the built-in Bun.serve API. First, create a fresh directory. Run bun init to scaffold a new project. It's an interactive tool; for this tutorial, just press enter to accept the default answer for each prompt. Since ou

bun.sh

 
 
https://vitest.dev/guide/

 

Vitest

Next generation testing framework powered by Vite

vitest.dev

 
https://blog.logrocket.com/getting-started-bun-react/

 

Getting started with Bun and React - LogRocket Blog

Bun is a JavaScript runtime that offers a rich set of features, great speed, and is comparable to Node.js and Deno.

blog.logrocket.com

 
 
_

반응형