[29JUL, 2021] TIL

벌써 7월 29일 TIL이라니 껄껄..🤭

 

---

 

✔️ 바벨(Babel)

(웹팩을 정리하면서 바벨도 함께 정리할까 하다 블로그에는 간단히만 정리하고 싶어서 TIL로 뺐다.) 바벨은 트랜스 파일러다. 그래서 역할은 브라우저마다 동일하게 동작할 수 있는 코드로 변환시켜주는 것이다. 코드 변환은 아래와 같이 3단계에 걸쳐 이루어진다.

1. 코드를 각 토큰으로 분해한다.
2. ES5 스펙으로 변환한다.
3. 변환된 코드를 출력한다.

 

 

✔️ npm install 옵션

그동안 나는 npm insall --save -dev만 썼었는데 오늘 npm install -D를 보고 뭐지 하고 검색해보고 정리하게 되었다.

 

npm install <package-name>
npm install <package-name> --save

 

과거에는 dependencies에 패키지를 추가하기 위해 밑의 명령어를 사용해 설치했으나, npm@5 버전 이후 부터는 디폴트로 적용되어 --save옵션을 주지 않아도 된다. 그래서 두 가지는 같은 의미이며 package.jsond의 dependencies에 추가하며 npm install 시 항상 설치된다.

 

 

npm install <package-name> --save -dev
npm install <package-name> -D

 

--save -dev옵션을 주면 개발 단계에서만 필요한 package.jsond의 devDependencies에 추가된다. -D는 --save -dev의 축약형이다. 

 

 

npm install <package-name> --global
npm install <package-name> -g

 

전역 설치를 하는 옵션이다. 프로젝트에서 사용할 라이브러리를 불러올 때 사용하는 것이 아니라 시스템 레벨에서 사용할 라이브러리를 설치할 때 사용한다.

 

 

npm install

 

package name 없이 npm install만 하면 package.json에 기록된 모든 패키지들을 내려받는다.