Pacel CLI (커맨드 라인 인터페이스)

참조

https://ko.parceljs.org/cli.html#%EB%AA%85%EB%A0%B9%EC%96%B4

🖥 커맨드 라인 인터페이스(CLI)

 

Serve

개발용 서버를 시작합니다. 앱이 수정되면 자동으로 다시 빌드하고, 빠른 개발을 위해 빠른 모듈 교체를 지원합니다.

parcel index.html

Build

애셋을 한 번 빌드합니다. 이 과정에서 코드 최소화(미니파이케이션)가 활성화되고 환경변수가 NODE_ENV=production 로 설정됩니다. 프로덕션에서 보다 자세한 내용을 확인하세요.

parcel build index.html

Watch

watch 명령어는 serve 명령어와 비슷하지만 서버를 시작하지 않는다는 점이 다릅니다.

parcel watch index.html

Help

가능한 모든 CLI 옵션을 출력합니다.

parcel help

Version

Parcel 의 버전을 출력합니다.

parcel --version

 

옵션

결과물 디렉토리

기본값: "dist"

같이 사용 가능한 명령어: serve, watch, build

parcel build entry.js --out-dir build/output

# 혹은

parcel build entry.js -d build/outputroot - build - - output - - - entry.js

서빙될 public URL 설정

기본값: --out-dir 옵션과 같음

같이 사용 가능한 명령어: serve, watch, build

parcel entry.js --public-url ./dist/

결과물은 다음과 같이 나옵니다.

<link rel="stylesheet" type="text/css" href="/dist/entry.1a2b3c.css"> <!-- or --> <script src="/dist/entry.e5f6g7.js"></script>

타겟

기본값: browser

같이 사용 가능한 명령어: serve, watch, build

parcel build entry.js --target node

가능한 타겟: node, browser and electron

캐시 디렉토리

기본값: ".cache"

같이 사용 가능한 명령어: serve, watch, build

parcel build entry.js --cache-dir build/cache

포트 번호

기본값: 1234

같이 사용 가능한 명령어: serve

parcel serve entry.js --port 1111

로그 레벨 변경

기본값: 3

같이 사용 가능한 명령어: serve, watch, build

parcel entry.js --log-level 1

로그 레벨효과

로그	레벨효과
0	로깅 비활성화
1	에러만 로그
2	에러와 경고를 로그
3	모두 로깅

빠른 모듈 교체 호스트네임

기본값: 현재 창의 location.hostname

같이 사용 가능한 명령어: serve, watch

parcel entry.js --hmr-hostname parceljs.org

빠른 모듈 교체 포트

기본값: 사용 가능한 랜덤 포트

같이 사용 가능한 명령어: serve, watch

parcel entry.js --hmr-port 8080

결과물 파일명

기본값: 원래 파일명

같이 사용 가능한 명령어: serve, watch, build

parcel build entry.js --out-file output.html

이 옵션은 진입점 번들의 결과 파일명을 바꿉니다.

상세 보고서를 출력

기본값: 간단한 보고서

같이 사용 가능한 명령어: build

parcel build entry.js --detailed-report

HTTPS 활성화

기본값: https 비활성

같이 사용 가능한 명령어: serve, watch (HMR 연결을 위해 HTTPS 로 수신)

parcel entry.js --https

⚠️ 이 옵션은 자가서명된 인증서를 생성하므로 사용을 위해서는 브라우저에서 localhost 에 대해 자가서명된 인증서를 허용하도록 설정할 필요가 있습니다.

임의의 인증서 설정

기본값: https 비활성

같이 사용 가능한 명령어: serve, watch

parcel entry.js --cert certificate.cert --key private.key

브라우저에서 열기

기본값: 비활성

같이 사용 가능한 명령어: serve

parcel entry.js --open

소스맵 비활성화

기본값: 소스맵 활성

같이 사용 가능한 명령어: serve, watch, build

parcel build entry.js --no-source-maps

자동설치 비활성화

기본값: 자동설치 활성

같이 사용 가능한 명령어: serve, watch

parcel entry.js --no-autoinstall

빠른 모듈 교체 비활성화

기본값: HMR 활성

같이 사용 가능한 명령어: serve, watch

parcel entry.js --no-hmr

소스 최소화(미니파이케이션) 비활성화

기본값: 소스 최소화 활성

같이 사용 가능한 명령어: build

parcel build entry.js --no-minify

파일시스템 캐시 비활성화

기본값: 캐시 활성

같이 사용 가능한 명령어: serve, watch, build

parcel build entry.js --no-cache

모듈을 UMD 로 출력

기본값: 비활성화

같이 사용 가능한 명령어: serve, watch, build

parcel serve entry.js --global myvariable

실험단계의 스코프 호이스팅(scope hoisting)/트리 셰이킹(tree shaking) 지원 활성화

기본값: 비활성화

같이 사용 가능한 명령어: build

parcel serve entry.js --experimental-scope-hoisting