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

명령 줄 인터페이스 CLI, 커맨드 라인 인터페이스 또는 명령어 인터페이스는 가상 터미널 또는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다.
출처: CLI 위키백과

Parcel-bundler CLI

Parcel-bundler에서 사용하는 여러 CLI에 대해 알아보는 시간을 가져봅시다.

1. Serve

개발용 서버를 시작하는 명령어입니다.

$ parcel index.html

2. Build

assets을 빌드합니다. 제품화하는 과정에서 필요한 명령어입니다.

$ parcel build index.html

옵션

package.json 파일의 옵션을 변경하는 명령어입니다.

1. 결과물 디렉토리

기본값은 dist이며, 다른 폴더명으로 변경을 원할 때 사용하는 명령어입니다.

$ parcel build entry.js --out-dir build/output
# 혹은
$ parcel build entry.js -d build/output

2. 포트 번호

기본값은 1234이며, 개발 서버 오픈 시에 포트 번호를 변경할 때 사용하는 명령어입니다.

$ parcel serve index.html --port 1111

3. 브라우저에서 열기

기본값은 비활성이며, 아래 명령어를 통해 개발 서버를 오픈하게 되면 자동으로 브라우저에 연결되게 됩니다.

$ parcel index.html --open

4. 빠른 모듈 교체 비활성화

기본값은 HMR 활성이며, 이는 Hot Module Replacement의 약자로 런타임에 페이지 새로고침 없이 수정된 내용을 자동으로 갱신하는 방식이며 이를 활성화한다는 의미입니다. 아래 명령어를 통해 이를 비활성화할 수 있습니다.

parcel index.html --no-hmr

5. 파일시스템 캐시 비활성화

기본값은 캐시 활성이며, 이는 개발 서버를 오픈하거나 제품화를 할 때 캐시가 활성화 되어있어 더 빠르게 내용이 처리될 수 있습니다. 그러나 이러한 경우 때때로 문제가 발생하는 상황도 있으므로 필요에 따라 아래 명령어를 통해 비활성화할 수 있습니다.

parcel build entry.js --no-cache