Babel
babel

์ต์ ์๋ฐํฌ์ค๋ฆฝํธ ๋ฌธ๋ฒ์ ๋ธ๋ผ์ฐ์ ์์ ์ดํดํ ์ ์๋ ์์ค์ผ๋ก ๋ณํํด์ฃผ๋ ํธ๋์คํ์ผ๋ฌ์ด์ ์ปดํ์ผ๋ฌ
์ค์ ํ์ผ์ ํตํด ์ด๋ค ๋ฌธ๋ฒ์ ๋ณํํ ๊ฒ์ธ์ง ์ ์
Preset-env์์ ํ๊ฒ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ ํํ๋ฉด, ์๋์ผ๋ก ํ์ํ ๋ฌธ๋ฒ๋ง ๋ณํํด์ค
์ฌ๋ฌ๊ฐ์ง preset๊ณผ plugin์ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ํ์ ์ธ ํธ๋์คํ์ผ๋ฌ๋ก ์๋ฆฌ์ก์
๋๊ท๋ชจ ํ๋ก์ ํธ ์ฑ๋ฅ์ด์๋ก ์๋ก์ด ๋๊ตฌ๋ค์ด ๋ง์ด ์๊น
@babel/core @babel/cli
pnpm exec babel src --out-dir dist
๋ด๊ฐ ์์ฑํ ์ฝ๋(src/ ํ์ ๋ชจ๋ ์ฝ๋๋ฅผ ๋์)๋ฅผ ๋ธ๋ผ์ฐ์ ๊ฐ ์ดํดํ ์ ์๋ ์ฝ๋๋ก ์ปดํ์ผํ์ฌ dist/ ํ์๋ก ๋ค์ ์์ฑํ๋ค
.babelrc.json (babel.config.json, babelrc.js, babel.config.js)
์ค์ ํ์ผ์ ๋ฐํ์ผ๋ก ๋ณํํ ๋์์ ์ ์
์ ์๋ ๋์์ด ์๋ ๊ฒฝ์ฐ ๋ณํ๋์ง ์์
์ค์ ํ์ผ์๋
plugin
๊ณผpreset
์ ์ ์plugin: ์ด๋ค ๋ฌธ๋ฒ์ ์ด๋ป๊ฒ ๋ฐ๊ฟ์ง์ ๋ํ ๋ณํ์
preset: ํ๋ฌ๊ทธ์ธ์ ์งํฉ
์ ์ ๋ ๋์์ด ๋ณํ์์ ๋ฐ๋ผ ๋ณ๊ฒฝ๋๋ค.
Last updated