현재 npm 을 통해 parcel 과 lodash 를 설치했었다.
parcel은 우리의 프로젝트 내에서만 설치 된, local 이기 때문에 터미널에서 직접적으로
명령해서 동작 시킬 수 없다.
터미널에서 다음은 동작하지 않는다.
$ parcel index.html
package.json 의 scripts 부분을 다음과 같이 추가 한다.
"scripts": {
"dev": "parcel index.html"
},
scripts 에서 선언한 dev 를 run 시킨다.
parcel bundler package의 도움을 받아서 local 환경에서 개발용 서버를 열겠다.
$ npm run dev
다음과 같이 build 를 추가 한다.
"scripts": {
"dev": "parcel index.html",
"build": "parcel build index.html"
},
build 가 추가되면 실제로 사용자들이 보는 용도의 결과물이 출력된다.
$ npm run build
dist 파일과 .cache 파일이 생긴다.
열어보면 알아보기 힘들게 코드가 작성되어 있다.
웹 브라우저에서 동작시키는 용도로 사용되기 때문에 난독화 되어 있는 것이다.
이러한 작업을 parcel bundler 가 진행 하는 것이다.