[patch-package] library custom하는 방법

patch-package

라이브러리를 유용하게 쓰고 있었으나 loading창이 커스텀이 불가능하여 loading 시 틀 밖으로 삐져나가는 문제가 있었다!

 

이 라이브러리를 일부 수정해서 사용하기 위해 patch-package를 사용해 봤다!

 

patch-packge는 node_modules에 수정한 사항이 git으로 관리되어 다른 사람들이 실행해도 수정사항이 동일하게 적용되게 해 준다. 

 

patch-package

 

설치

npm i patch-package

 

package.json에 아래 소스를 추가해 준다.

"scripts": {
	...
	"postinstall": "patch-package"
 	...
}

 

node_modules에서 라이브러리 소스 수정

 

patch 생성

npx patch-package package-name

package-name은 수정을 원하는 라이브러리명을 넣으면 된다.

node_modules에서 수정한 내용을 patches 폴더 안에서 확인할 수 있다!

 

node_modules 삭제 후 재설치해보기

잘 적용이 된 건지 확인해 보기 위해 node_modules를 삭제하고 다시 설치해 보겠다! 

rm -rf node_modules
npm i

 

나는 next.js환경이라서 혹시 몰라. next도 삭제해 줬다.

재설치했을 때도 라이브러리의 수정사항이 잘 반영된다면 성공이다! 🎉