package-lock.json 이란 무엇일까?

2022. 4. 26. 22:11·과거의 이력/프론트엔드

프로젝트에서 미사용 패키지를 정리하면서

문득 package-lock.json이 정확히 어떤 역할을 하는지 궁금해졌다.

따라서 package-lock.json에 대해 정리해보려고 한다.

 

 

package-lock.json 파일은 언제 생기는걸까?


새로운 패키지를 설치하면 package.json 파일에 해당 패키지의 버전 정보가 저장된다.

package-lock.json은 mode_modules 폴더나 package.json 이 수정되고 생성될 때 자동으로 생성된다.

package-lock.json 에는 의존성에 대한 정확하고 구체적인 정보를 담게된다.

 

즉, npm install 명령어를 수행할때 생성되는 파일인 것이다.

 

이렇게 package-lock.json 이 생성되면 npm install 명령어로 생성하는 node_modules를

package.json 이 아닌 package-lock.json을 사용하여 생성한다.

 

 

 

 

 

package-lock.json 파일은 왜 생기는걸까?


package-lock.json은 package.json만으로 정보가 부족하기 때문에 필요하다.

package.json에는 패키지의 버전 정보를 저장할때 version range를 사용한다.

 

즉,

'내가 쓸 패키지는 3.1.2 버전이다.'  가 아닌

'내가 쓸 패키지는 3.1.2버전 이상이다.'  인 것이다. (전자처럼 명시하는것도 가능하다.)

 

 

 

 

 

 

 

 

'과거의 이력 > 프론트엔드' 카테고리의 다른 글

브라우저 렌더링  (0) 2025.04.27
[브라우저 API] 쏟아지는 스크롤이벤트를 어떻게 감당하나요? requestAnimationFrame !!  (1) 2025.04.27
[ERROR] domexception blocked a frame with origin from accessing a cross-origin frame  (0) 2022.11.07
'과거의 이력/프론트엔드' 카테고리의 다른 글
  • 브라우저 렌더링
  • [브라우저 API] 쏟아지는 스크롤이벤트를 어떻게 감당하나요? requestAnimationFrame !!
  • [ERROR] domexception blocked a frame with origin from accessing a cross-origin frame
정많이 정만이
정많이 정만이
jeongmany
  • 정많이 정만이
    정많이 정만이
    정많이 정만이
  • 전체
    오늘
    어제
    • 분류 전체보기 (80)
      • 과거의 이력 (71)
        • CS (12)
        • 프론트엔드 (4)
        • javascript (21)
        • Vue.js (7)
        • bootstrap (1)
        • [그리드] ag-grid (3)
        • [그리드] vue-grid-layout (1)
        • HTML_CSS (5)
        • NPM (1)
        • [차트]highcharts (0)
        • JAVA (9)
        • 백엔드 (1)
        • 기본개념 (손필기) (5)
        • 프로그래머스 (1)
      • 알고리즘 (6)
      • 통계 (9)
        • 통계지식 (8)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    selectbox
    우분투
    반복문
    JavaScript
    ag-grid
    알고리즘
    개발자
    버추얼박스
    객체
    bootstrap
    webpack.config.js
    코딩테스트
    js
    CSS
    ubuntu
    java
    VirtualBox
    HTML
    aggrid
    vuejs
    자바스크립트
    js map
    vue
    ES6
    Webpack
    공유메모리
    vue.config.js
    ubuntu설치
    vue.js
    cs
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
정많이 정만이
package-lock.json 이란 무엇일까?
상단으로

티스토리툴바