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

1. babel์ด ์—†์Šต๋‹ˆ๋‹ค. babel-node๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

babel-cli ์„ค์น˜

 

2. The 'mode' option has not been set, webpack will fallback to 'production' for this value Set 'mode' option to 'development' or 'production' to enable defaults for each environment

 

๋ชจ๋“œ๊ฐ€ ์ „๋‹ฌ๋˜๋ฉด์„œ ์˜ค๋ฅ˜๊ฐ€ ๋‚œ ๊ฒŒ ์•„๋‹ˆ๋ผ, ์›นํŒฉ ์„ค์ •์ด ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€๋ฅผ ์•ˆํ–ˆ๋‹ค.

package.json์— script: assets ๋ถ€๋ถ„์— ์˜ต์…˜ ์ฝ”๋“œ์ถ”๊ฐ€

--config src/webpackconfigjs 

 

3. wepback_env์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค 

cross-env ์„ค์น˜ ํ›„ package.json์— ๋„ฃ์–ด์ฃผ๊ธฐ

cross env

 

4. babel polyfill ๋ชจ๋“ˆ์ด ์—†์Šต๋‹ˆ๋‹ค.

์ŠคํŽ ๋ง ์‹ค์ˆ˜: @, /, - ๊ตฌ๋ถ„ ํ•˜๋ผ.

@babel/polyfill๋ฅผ ์„ธ ๊ณณ์— ๋ชจ๋‘ ๋„ฃ์–ด์ค€๋‹ค.

  • init.js
  • package.json dependency
  • wepack entry

๋ฐ˜์‘ํ˜•