PNP

개발관련/자바스크립트 팁

yarn pnp Zero-Installs란?

Zero-Installs 은 말그대로 소프트웨어 배포 시 별도의 모듈을 설치 하지 않고 바로 실행이 가능한배포 방식을 말합니다. yarn 에서는 최종 yarn 조차 배포에 제외 되는 상태는 말합니다. yarn pnp를 도입함으로서 Zero-Installs이 가능해 집니다. 2022.09.15 - [개발관련/자바스크립트 팁] - yarn2 ( yarn berry )와 함께 PnP(Plug'n'Play)를 적용해보기 고통스러운 node_modules 탈출 하기 yarn2 ( yarn berry )와 함께 PnP(Plug'n'Play)를 적용해보기 고통스러운 node_modules 탈출 하기 yarn2 적용 하기 1. yarn 설치 $ npm install -g yarn 기존에 npm을 사용하는 경우에만 설..

개발관련/자바스크립트 팁

yarn pnp vscode typescript 적용하는 방법

yarn2 ( yarn berry )와 함께 PnP(Plug'n'Play)를 적용해보기 고통스러운 node_modules 탈출 하기 앞선 설정을 끝냈다면 추가로 타입스크립트 설정을 하면 됩니다. 아래 과정은 만약 타입스크립트를 추가 적용하고 싶은 분들을 대상으로 진행하는 내용입니다. 이제 @types/* 패키지들이 zip 아카이브로 관리되기 때문에 기존의 방식으로는 정상적으로 타입이 불러와지지 않을 것입니다. 그렇기에 다음과 같은 과정을 진행해주세요! 설명은 VSCode IDE 기준으로 설명되었습니다. 타입스크립트가 적용되지 않은 프로젝트라면 타입스크립트 관련 패키지를 설치해주세요. [ 아래는 코드 React를 사용한다는 기준으로 작성된 스크립트입니다. ] yarn add -D typescript @ty..

개발관련/자바스크립트 팁

yarn2 ( yarn berry )와 함께 PnP(Plug'n'Play)를 적용해보기 고통스러운 node_modules 탈출 하기

yarn2 적용 하기 1. yarn 설치 $ npm install -g yarn 기존에 npm을 사용하는 경우에만 설치 2. yarn 버전 설정 $ yarn set version berry $ yarn -v yarn set version berry : yarn2의 별칭이 berry입니다. yarn의 버전을 berry로 정합니다. yarn -v를 통해서 현재 yarn의 버전을 확인 할 수 있습니다. $ yarn set version 3.2.3 위처럼 특정 버전을 선택할수 있습니다. 3. yarn 설정 방법 기존 npm 사용의 경우 .npmrc -> .yarnrc.yml package.lock.json 파일 삭제 package.json 파일에 작성된 eslintConfig는 더 이상 사용되지 않습니다. .e..

개발자 Dane
'PNP' 태그의 글 목록