Bundler(NPX, Degit)

Dev_Go·2022년 7월 12일
0

Bundler

목록 보기
10/10
post-thumbnail

NPX, Degit


parcel, webpack 템플릿을 터미널을 이용해서 더 쉽게 다운받는 방법

  1. window - dir, mos - ls 명령어 실행해서 현재 경로 주변에 어떤 것들이 있는지를 확인할 수 있다.

  2. cd Desktop/ 바탕화면으로 이동

  3. npx degit github 저장소에 있는 특정한 저장소를 현재 경로로 다운받을려고 한다.
    degit을 따로 설치하지 않아도 npx 명령어로 실행할 수 있다.
    npx degit GoKyoungEun/webpack-template-basic webpack-template-test

  1. 바탕화면에 webpack-template-test폴더가 생성되고 webpack-template-basic 프로젝트가 다운받아졌다.

  2. cd webpack-template-test 새로 만든 폴더로 접근하여 경로 바꿈

  3. code . -r 현재 경로의 프로젝트를 열어준다.


이렇게 하면 좋은점

  • git init을 통해서 처음부터 버전관리를 할 수 있음
  • npx degit을 통해서 명령어를 입력하는 것은 버전관리가 없는 새로운 프로젝트를 다운받는 것이다.
  • git clone을 통해서 저장소의 주소를 입력하는 것은 저장소가 가지고 있는 버전의 내역까지 같이 가져오게 된다.
  • 현재의 프로젝트를 이용해서 새로운 프로젝트를 만들려고 한다면 git clone 명령어가 적합하지 않는다.
  • 그럴때 npx degit 명령어를 사용하는 것이 좋다.
profile
프론트엔드 4년차

0개의 댓글