[ CRA ] Firefox에서 미리보기 실행하는 방법

Create React App을 사용한 상태에서 React 같은 JS 프레임워크에서 미리보기를 띄우려면 아래 명령어를 사용해야한다.

# npm
npm run start

# yarn
yarn start

# pnpm
pnpm run start

하지만 이렇게 실행하게 되면 기본적으로 Google Chrome에서 실행되기 때문에 다른 브라우저를 주로 사용하는 사람에게는 불편한 점이 많다.

따라서 실행되는 브라우저를 바꾸기 위해서는 먼저 프로젝트에 아래 사진과 같이 .env 파일을 만들어준다.

그리고 해당 파일에 아래 내용을 추가해준다.

# 자신이 설정한 브라우저 
# ex. Google Chrome, Google Chrome Canary
BROWSER=Firefox

이렇게 설정한 뒤 다시 start 명령어로 미리보기를 실행하면 자신이 설정한 브라우저에서 정상적으로 실행되는 것을 볼 수 있다.