Notice
Recent Posts
Recent Comments
초코레
NPM (Node Package Manager) 본문
- 전 세계 자바스크립트 라이브러리가 존재하는 공개 저장소
설치 명령어
- npm install 명령어를 실행하면 npm 설정 파일(package.json)에 설정된 라이브러리 목록을 다운로드하게 된다.
--save 옵션 vs --save-dev 옵션
- 웹팩 추가 설정을 위한 플러그인 라이브러리나 로직과 관련된 외부 라이브러리를 해당 프로젝트에 다운로드하는 옵션
- 두 옵션의 차이는 npm 설정 파일의 라이브러리 이름이 추가되는 곳이 다르다.
- npm install --save 명령어를 사용하면 dependencies 속성에 라이브러리 이름이 추가된다.
- 애플리케이션을 동작시키는 데 필요한 라이브러리가 들어가는 곳
- npm install --save-dev 명령어를 사용하면 devDependencies 속성에 라이브러리 이름이 추가된다.
- 애플리케이션을 개발할 때 필요한 라이브러리가 들어가는 곳
전역 설치 vs 지역 설치
- 전역 설치 : -global 옵션을 이용해 해당 라이브러리를 시스템 레벨레 설치하는 것
- -global을 -g로 줄일 수 있다. 마찬가지로 install 역시 i로 줄일 수 있다.
- 지역 설치 : --save, --save-dev 같이 해당 프로젝트에 설치하는 것
- node_modules 폴더가 추가된 것을 확인할 수 있다.
커스텀 명령어
- npm run build 명령어는 웹팩으로 프로젝트를 빌드할 때 사용했고, npm run dev 명령어는 프로젝트를 웹팩 데브 서버로 구동할 때 사용했다.
- 이러한 명령어는 npm 설정 파일(package.json)의 scripts 속성에 추가되어 있는 걸 확인할 수 있다.
- 이와 같은 방식으로 'npm run 명령어' 형식으로 간단히 사용하기 위해 npm 설정 파일의 scripts 속성에 원하는 명령어를 추가하고, 해당 명령어를 실행했을 때 동작하는 옵션들을 정의할 수 있다.
'Frontend > Vue.js' 카테고리의 다른 글
Vue CLI 도구 설치할 때 문제점 해결 방법 (0) | 2021.01.10 |
---|---|
Spring + Vue.js에서 404 페이지 나타내기 (0) | 2020.11.10 |
웹팩 (webpack) (0) | 2020.01.14 |
서버 사이드 렌더링 vs 클라이언트 사이드 렌더링 (0) | 2020.01.14 |
뷰의 반응성 (Vue Reactivitiy) (0) | 2020.01.14 |