본문 바로가기

Frontend

🕶️ Yarn 설치 및 사용하기

Facebook에서 만든 자바스크립트 패키지 매니저인 Yarn을 사용해 봅시다.

Yarn 설치

Homebrew를 사용하는 설치

$ brew install yarn

NVM 같은 버전 관리 툴을 사용해야 한다면 Node.js의 설치를 제외하도록 한다.

$ brew install yarn --without-node

NPM

NPM으로 설치할 수도 있다.

$ npm install -g yarn

설치가 잘 되었는지 확인하자.

$ yarn --version

설치 후 전역 사용에 문제가 있다면 Path 설정을 해줘야 한다.

.profile, .bash_profile, .bashrc, .zshrc 등…

$ export PATH="$PATH:/opt/yarn-[version]/bin"

Yarn 사용법

NPM을 사용한다면 어렵지 않다.

프로젝트를 시작할 때 초기화를 하려면(package.json을 생성한다.)

$ yarn init

package.json으로부터 의존성 모듈을 설치하려면

$ yarn
# or
$ yarn install

의존성 모듈을 설치하려면

$ yarn add [package]
$ yarn add [package]@[version]
$ yarn add [package]@[tag]

devDependencies, peerDependencies, optionalDependencies와 같은 다른 범주의 의존성을 추가하려면

$ yarn add [package] --dev
$ yarn add [package] --peer
$ yarn add [package] --optional

의존성 모듈을 업그레이드하려면

$ yarn upgrade [package]
$ yarn upgrade [package]@[version]
$ yarn upgrade [package]@[tag]

의존성 모듈을 제거하려면

$ yarn remove [package]

yarn.lock

Yarn.lock 파일은 설치된 모듈의 버전을 저장해 어디서나 같은 버전과 구조의 의존성을 가지게 한다.
Yarn에서는 자동으로 yarn install 때 마다 yarn.lock이 생성된다.
package-lock.json와 비슷한 기능을 한다고 생각하면 된다.

 

'Frontend' 카테고리의 다른 글

🕶️ Firebase 연동하기  (0) 2023.07.26
🕶️ Create React App 공부하기  (0) 2023.07.25
🕶️ TypeScript 공부 하기 3장  (0) 2023.07.14
🕶️ recoil 공부 하기  (0) 2023.07.13
🕶️ emotion.js 공부 하기  (0) 2023.07.12