๐ฅ ์ปค๋งจ๋ ๋ผ์ธ ์ธํฐํ์ด์ค(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/output
root
- 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
๋ ์์ธํ ์ ๋ณด๋ Devon Govett ์ด Parcel 1.9 ์ ๋ํด ์์ฑํ ๊ธ์ Tree Shaking section(์๋ฌธ)์ ์ฐธ์กฐํ์ธ์.
๋ฌธ์์ ๊ฐ์ ์ ๋์์ฃผ์ธ์
๋น ์ง์ ์ด ์๊ฑฐ๋ ๋ช ํํ์ง ์์ ๊ฒฝ์ฐ, ์น ์ฌ์ดํธ ์ ์ฅ์์ ์ด์๋ฅผ ์ ๊ธฐํด ์ฃผ์๊ฑฐ๋ ํ์ด์ง๋ฅผ ์์ ํด ์ฃผ์ธ์..