[node.js] parcel-bundler 개발 및 빌드

프론트 개발을 위한 parcel-bundler 로 개발 서버를 실행 하기 위해서는

프로젝트 경로에서 npm을 이용해 parcel-bundler를 설치 하여 준다

npm install parcel-bundler -D

-D, --save-dev : 개발용으로 설치하라는 명령

 

설치가 되었으면 간단한 html 파일을 만들어 준뒤

 

package.json 파일에서 scripts 부분을 수정해 준다

 

"scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html"
  },

dev는 개발용 서버를 실행하기 위한 명령어

build는 배포를 위한 명령어

 

npm run dev

개발 서버가 실행 되는 걸 확인 할 수 있다

 

빌드 시에는 아래와 같은 명령어를 입력

 

npm run build

dist라는 폴더에 우리가 생성한 소스 파일들이 생성 된다