해야지 Node.js
[Node.js][Ch1] 개발 서버 실행과 빌드
써치킴
2022. 1. 27. 04:41
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 확인 시 코드 난독화가 되어있다.
- 코드 난독화
- 작성된 코드를 읽기 어렵게 만드는 작업
- 빌드된 결과(제품)는 브라우저에서 해석되는 용도로 용량을 축소하고 읽기 어렵게 만드는 등의 최적화