๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๊ฐœ๋ฐœ

babel ์‹คํ–‰

1. ํ„ฐ๋ฏธ๋„์— ๋‘๊ฐœ์˜ ํŒจํ‚ค์ง€๋ฅผ ์‹คํ–‰์‹œํ‚จ๋‹ค. 

npm i -D @babel/core @babel/preset-env

 

2. ๋ฃจํŠธ๊ฒฝ๋กœ์— .babelrc.js ํŒŒ์ผ์ƒ์„ฑ ํ›„ ์•„๋ž˜์˜ ์ฝ”๋“œ ์ž‘์„ฑํ•œ๋‹ค.

module.export = {

  presets: ['@babel/preset-env']

}

 

3. package.json ํŒŒ์ผ์— ์•„๋ž˜ ๋‚ด์šฉ ์ถ”๊ฐ€ํ•œ๋‹ค.

"browserslist": [

    "> 1%",

    "last 2 versions"

  ]

 

4. js ํŒŒ์ผ์— async, await ๋ฌธ๋ฒ•์„ ์“ฐ๋ ค๋ฉด ์ถ”๊ฐ€๋กœ ํ„ฐ๋ฏธ๋„์— ์•„๋ž˜์ฝ”๋“œ ์„ค์น˜ํ•ด์•ผ ํ•œ๋‹ค.

npm i -D @babel/plugin-transform-runtime

 

5. .babelrc.js ํŒŒ์ผ์— ์•„๋ž˜ ๋‚ด์šฉ ์ถ”๊ฐ€ํ•œ๋‹ค.

module.exports = {

  presets: ['@babel/preset-env'],

  plugins: [

    ['@babel/plugin-transform-runtime']

  ]

}