일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 변수
- 코딩테스트
- JS
- 자바문제풀이
- java
- HTML
- frontend
- JavaScript
- CSS
- git
- github
- 프론트엔드
- TypeScript
- Servlet
- max-width
- cleancode
- redux
- 그럼에도 불구하고
- webpack
- 반응형 페이지
- react-router-dom
- node
- node.js
- 코드업
- 자바
- media query
- react
- 그럼에도불구하고
- coding
- @media
- Today
- Total
그럼에도 불구하고
[Webpack] NPM 설치 명령어 본문
NPM에서 가장 많이 사용되는 명령어인 npm install에 대해 알아보겠습니다.
[ NPM 지역 설치 ]
NPM 초기화 명령어로 package.json파일을 생성하고 나면 해당 프로젝트에서 사용할 자바스크립트 라이브러리를 설치하게 됩니다. 이 때 명령어는 아래와 같습니다.
npm install "내가 설치할 라이브러리" --save-prod
그리고 지역 설치 명령어의 경우 명령어 옵션으로 --save-prod를 붙이지 않아도 동일한 효과가 납니다. 또한, install 대신 i를 사용해도 됩니다.
# 위 명령어와 동일한 효과
npm i "내가 설치할 라이브러리"
[ NPM 지역 설치 경로 ]
위 명령어로 라이브러리를 설치하면 해당 프로젝트의 node_modules 라는 폴더가 생깁니다. 그리고 그 폴더 아래에 해당 라이브러리 파일들이 설치되어 있는 것을 확인할 수 있습니다.
[ NPM 전역 설치 ]
NPM 전역 설치는 위와 같이 프로젝트에서 사용할 라이브러리를 불러올 때 사용하는 것이 아니라 시스템 레벨에서 사용할 자바스크립트 라이브러리를 설치할 때 사용합니다.
npm install "내가 설치할 라이브러리" --global
라이브러리가 설치되고 나면 이제 명령어 실행 창에 해당 라이브러리 이름을 입력했을 때 명령어를 인식합니다.
"내가 설치한 라이브러리"
📌 전역 설치 명령어 옵션 --global 대신 -g를 사용해도 됩니다.
[ NPM 전역 설치 경로 ]
이렇게 설치된 자바스크립트 라이브러리는 어느 위치에서 해당 명령어를 실행했던지 간에 OS별로 아래와 같은 폴더 경로에 설치됩니다.
# window
%USERPROFILE%\AppData\Roaming\npm\node_modules
# mac
/usr/local/lib/node_modules
[ NPM 지역 설치 옵션 2가지 ]
NPM 지역 설치에 자주 사용되는 2가지 옵션은 다음과 같습니다.
npm install "내가 설치할 라이브러리" --save-prod
npm install "내가 설치할 라이브러리" --save-dev
위 명령어는 아래와 같이 각각 축약할 수 있습니다.
npm i "내가 설치할 라이브러리"
npm i "내가 설치할 라이브러리" -D
※ 여기서 설치 옵션에 아무것도 넣지 않은 npm i "내가 설치할 라이브러리"는 package.json의dependencies에 등록됩니다.
※ 설치 옵션으로 -D를 넣은 경우에는 해당 라이브러리가 package.json의devDependencies에 등록됩니다.
'이모저모 > Bundler' 카테고리의 다른 글
[Webpack] 소스 맵(Source Map)이란? (0) | 2023.05.20 |
---|---|
[Webpack] Webpack Dev Server란? (0) | 2023.05.20 |
[Webpack] 웹팩의 4가지 주요 속성 (0) | 2023.05.20 |
[Webpack] Webpack이란? (0) | 2023.05.17 |
[Webpack] dependencies와 devDependencies의 차이 (0) | 2023.05.17 |