performance-compare

(★ 148)

Performance compare for Farm, Webpack, Rsbuild, Turbopack and Vite

  • .gitignore
  • benchmark.mjs
  • build.png
  • farm.config.mjs
  • full.png
  • hmr.png
  • index.html
  • index.webpack.html
  • LICENSE
  • mako.config.json
  • next.config.js
  • package.json
  • pnpm-lock.yaml
  • README.md
  • rsbuild.config.ts
  • rspack.config.js
  • start-chart.html
  • startup.png
  • utils.mjs
  • vite.babel.config.ts
  • vite.config.ts
  • webpack.babel.config.js
  • webpack.config.js

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/farm-fe/performance-compare

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd performance-compare

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
pnpm i # install dependencies

이 명령어를 터미널에 그대로 입력해 실행하세요.

npm run start # Start Farm

개발/실행 서버를 켭니다.

npm run start:vite # Start Vite

개발/실행 서버를 켭니다.

npm run start:webpack # Start Webpack

개발/실행 서버를 켭니다.

npm run start:rspack # Start Rspack

개발/실행 서버를 켭니다.

명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation