[Node.js][Ch1] 개발 서버 실행과 빌드

parcel-bundler를 사용하여 서버 실행

parcel-bundler : 개발 서버를 열어주는 기능을 실행

parcel-bundler 패키지는 개발용(-D)으로 설치하였기 때문에 터미널에서 parcel index.html이 동작하지 않는다.

그러므로, 

1. package.json > scripts에 "dev": "parcel index.html" 추가 

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

> 프로젝트 내부에서 dev라는 스크립트 이름으로 parcel index.html 명령이 동작함

2. 터미널에서 npm run '스크립트이름' 입력

npm run dev

> http://localhost:1234 에서 현재 프로젝트가 실행된다.

 

parcel-bundler를 사용하여 빌드

1. package.json > scripts에 "build" : "parcel build index.html" 추가

"build" : "parcel build index.html"

> 사용자들이 보는 용도의 결과물이 출력된다.

2. 터미널에서 npm run '스크립트이름' 입력

npm run build

dist 폴더가 생기고 그 안의 index.html 확인 시 코드 난독화가 되어있다.

• 코드 난독화
  • 작성된 코드를 읽기 어렵게 만드는 작업
  • 빌드된 결과(제품)는 브라우저에서 해석되는 용도로 용량을 축소하고 읽기 어렵게 만드는 등의 최적화