Yarn에서 로컬 패키지를 add하는 방법

이 게시물에서는 yarn 명령을 사용하여 로컬 패키지를 설치하는 방법을 보여줍니다.

일반적으로 yarn add는 npmjs.com에서 공개된 패키지를 다운로드하여 설치하지만, 여기서 설명하는 것은 로컬에만 존재하는 자체 제작 라이브러리를 add 하는 방법입니다.

(npm에서 비슷한 작업을 수행하는 방법은 (npm에서 로컬 패키지를 설치하는 방법 참조))

하는 방법

로컬 패키지를 설치하려면 단순히 설치하려는 패키지의 파일 경로를 yarn add 인수로 만듭니다.

yarn add インストールしたいパッケージのパス

node_modules에 설치된 패키지를 심볼릭 링크로 만들려면 :

yarn add link:インストールしたいパッケージのパス

로컬 패키지를 설치하는 구체적인 예

조금 구체적인 예를 토대로 설명합니다.

아래 그림과 같이 myapp 패키지와 mylib 패키지가 있고 myapp에서 mylib를 사용하고 싶은 예를 살펴 보겠습니다.


mylib의 index.js에서는 helloWorld 변수를 제공하고 myapp의 main.js에서이를 사용하려고합니다.

이 때 myapp 패키지에서 yarn add ../mylib를 실행하면 이것이 가능합니다.

$ yarn add ../mylib

yarn add v1.22.4
info No lockfile found.
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
[4/4] 🔨  Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ [email protected]
info All dependencies
└─ [email protected]
✨  Done in 0.08s.

설치되면 package.json에 mylib에 대한 종속 설정이 추가됩니다.

package.json

{
  "name": "myapp",
  "version": "1.0.0",
  "license": "MIT",
  "dependencies": {
    "mylib": "../mylib"
  }
}

main.js를 실행해보십시오.

$ node main.js
Hello World!

확실히 mylib 변수가 사용되고 있지만 알 수 있습니다.

덧붙여서, 설치된 myapp/node_modules/mylib는 mylib를 은밀하게 복사한 것이 됩니다. ../../mylib에 대한 심볼릭 링크가 아니므로주의하십시오.

심볼릭 링크로 만들려면 파일 경로의 머리에 link:를 붙입니다.

yarn add link:../mylib

끝까지 읽어 주셔서 감사합니다. Twitter에서는, Qiita에 쓰지 않는 기술 재료 등도 트윗하고 있으므로, 좋으면 팔로우 부탁합니다 → Twitter@suin