<div id="readability-page-1" class="page"><div>
<p>NPM 패키지 업데이트할 때마다 뜨는 보안 경고 때문에 해당 패키지 GitHub 페이지로 들어가 새 업데이트가 없는지 정책이 바뀐 게 없는지 확인하는 것도 귀찮고 하나의 일이 돼버렸다.</p>

<p>특히 <code>npm update</code>는 다른 패키지의 종속성을 유지하면서 올리기 때문에 메이저 업데이트 같은 경우에 일일이 판올림 해줘야 하는 경우가 있다.</p>

<blockquote>
  <p>💡 업데이트가 필요한 패키지를 한눈에 보려면 <code>npm outdated</code>로 확인가능</p>
</blockquote>

<p>그리하여 좀 더 편하게 패키지를 업데이트할 방법이 있는지 찾아보니 <code>npm-check-updates</code>라는 패키지를 알게 되어 간략하게 정리해본다.</p>

<h2 id="설치">설치</h2>

<p><code>npm-check-updates</code> 전역으로 설치</p>

<div><pre><code>npm <span>install</span> <span>-g</span> npm-check-updates
</code></pre></div>

<h2 id="사용-방법">사용 방법</h2>

<p>업데이트가 필요한 프로젝트 경로로 가서 <code>ncu</code>라고 넣고 실행하면 아래와 같이 실행된다.</p>

<blockquote>
  <p>💡 특정 패키지만 선택하여 업데이트 하려면 <code>ncu -i</code>를 이용</p>
</blockquote>

<div><pre><code><span>$</span><span> </span>ncu
<span>Checking package.json
[====================] 5/5 100%

 eslint             7.32.0  →    8.0.0
 prettier           ^2.7.1  →   ^3.0.0
 svelte            ^3.48.0  →  ^3.51.0
</span><span> typescript         &gt;</span>3.0.0  →   <span>&gt;</span>4.0.0
<span> untildify          &lt;4.0.0  →   ^4.0.0
 webpack               4.x  →      5.x

Run ncu -u to upgrade package.json
</span></code></pre></div>

<p>해당 버전으로 업데이트를 진행하고 싶으면 <code>ncu -u</code>로 package.json 파일 수정</p>

<div><pre><code><span>$</span><span> </span>ncu <span>-u</span>
<span>Upgrading package.json
[====================] 5/5 100%

 eslint             7.32.0  →    8.0.0
 prettier           ^2.7.1  →   ^3.0.0
 svelte            ^3.48.0  →  ^3.51.0
</span><span> typescript         &gt;</span>3.0.0  →   <span>&gt;</span>4.0.0
<span> untildify          &lt;4.0.0  →   ^4.0.0
 webpack               4.x  →      5.x

Run npm install to install new versions.

</span><span>$</span><span> </span>npm <span>install</span>      <span># update installed packages and package-lock.json</span>
</code></pre></div>

<p><code>npm install</code>로 업데이트 설치를 진행하면 최신버전으로 업데이트가 반영됨.</p>

<p>전역으로 설치한 패키지는 <code>ncu -g</code>를 이용하여 업데이트 진행하면 된다.</p>

<h3 id="예외-처리">예외 처리</h3>

<p>vue.js 관련 패키지와 axios를 제외하고 업데이트를 진행할 경우 정규식을 사용하여 예외 처리할 수 있다.</p>

<div><pre><code><span>$</span><span> </span>ncu <span>"/^(?!vue|axios).*</span><span>$/</span><span>"</span>
<span>[====================] 5/5 100%

All dependencies match the latest package versions :)
</span></code></pre></div>

<blockquote>
  <p>💡 예외 처리된 패키지의 마이너 업데이트를 진행하려면 <code>ncu -i -t minor</code> 입력</p>
</blockquote>

</div></div>

코딩 공부방

NPM 패키지 업데이트할 때마다 뜨는 보안 경고 때문에 해당 패키지 GitHub 페이지로 들어가 새 업데이트가 없는지 정책이 바뀐 게 없는지 확인하는 것도 귀찮고 하나의 일이 돼버렸다.
특히 npm update는 다른 패키지의 종속성을 유지하면서 올리기 때문에 메이저 업데이트 같은 경우에 일일이 판올림 해줘야 하는 경우가 있다.
💡 업데이트가 필요한 패키지를 한눈에 보려면 npm outdated로 확인가능
그리하여 좀 더 편하게 패키지를 업데이트할 방법이 있는지 찾아보니 npm-check-updates라는 패키지를 알게 되어 간략하게 정리해본다.
설치
npm-check-updates 전역으로 설치
npm install -g npm-check-updates
사용 방법
업데이트가 필요한 프로젝트 경로로 가서 ncu라고 넣고 실행하면 아래와 같이 실행된다.
💡 특정 패키지만 선택하여 업데이트 하려면 ncu -i를 이용
$ ncu
Checking package.json
[====================] 5/5 100%
 eslint             7.32.0  →    8.0.0
 prettier           ^2.7.1  →   ^3.0.0
 svelte            ^3.48.0  →  ^3.51.0
 typescript         >3.0.0  →   >4.0.0
 untildify          <4.0.0  →   ^4.0.0
 webpack               4.x  →      5.x
Run ncu -u to upgrade package.json
해당 버전으로 업데이트를 진행하고 싶으면 ncu -u로 package.json 파일 수정
$ ncu -u
Upgrading package.json
[====================] 5/5 100%
 eslint             7.32.0  →    8.0.0
 prettier           ^2.7.1  →   ^3.0.0
 svelte            ^3.48.0  →  ^3.51.0
 typescript         >3.0.0  →   >4.0.0
 untildify          <4.0.0  →   ^4.0.0
 webpack               4.x  →      5.x
Run npm install to install new versions.
$ npm install      # update installed packages and package-lock.json
npm install로 업데이트 설치를 진행하면 최신버전으로 업데이트가 반영됨.
전역으로 설치한 패키지는 ncu -g를 이용하여 업데이트 진행하면 된다.
예외 처리
vue.js 관련 패키지와 axios를 제외하고 업데이트를 진행할 경우 정규식을 사용하여 예외 처리할 수 있다.
$ ncu "/^(?!vue|axios).*$/"
[====================] 5/5 100%
All dependencies match the latest package versions :)
💡 예외 처리된 패키지의 마이너 업데이트를 진행하려면 ncu -i -t minor 입력

NPM 패키지 편하게 관리하자(npm-check-updates 사용법)

댓글