๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
  • What would life be If we had no courage to attemp anything?

webpack1

์›นํŒฉ(Webpack) webpack ๐Ÿ’ก ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ชจ๋“ˆ์„ ์ง€์›ํ•˜์ง€ ์•Š์•˜์ง€๋งŒ (ES5), ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ์ƒˆ๋กœ์šด ํ‘œ์ค€์ธ ECMAScript6(ES6)๊ฐ€ ์ƒ๊ธฐ๋ฉด์„œ ๋ชจ๋“ˆ์„ ์ง€์›. CommonJS๋ณด๋‹ค ๋ฌธ๋ฒ•์ด ๋” ๊ฐ„๊ฒฐํ•ด์ง ๊ตฌ์กฐ๊ฐ€ staticํ•˜๊ฒŒ ๋ถ„์„ ๊ฐ€๋Šฅํ•˜๊ณ  ์ตœ์ ํ™”๋„ ๋จ. CommonJS๋ณด๋‹ค ์ˆœํ™˜ ์˜์กด์„ฑ ์ง€์›์ด ์ž˜๋จ ๊ทธ๋Ÿฌ๋‚˜ ๋ธŒ๋ผ์šฐ์ €๋Š” ์—ฌ์ „ํžˆ ํŒŒ์ผ ๋‹จ์œ„ ๋ชจ๋“ˆ์„ ์ž˜ ๋ชจ๋ฆ„. ES6๋Š” ์ผ๋ถ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋งŒ ์ง€์›. ๋”ฐ๋ผ์„œ ์—ฌ๋Ÿฌ ๋ฒ„์ „์˜ ๊ฐ๊ธฐ ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €๋Š” ์ด๋Ÿฐ ๋ชจ๋“ˆํ™”๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๋„ ์žˆ์Œ. ํ•˜๋‚˜์˜ ์†Œ์Šค๋กœ ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ณด์—ฌ์ฃผ๋Š”๊ฒŒ ์›น์˜ ํŠน์žฅ์  ๋ชจ๋“ˆ์„ ํ•˜๋‚˜์˜ ํŒŒ์ผ๋กœ ๋ฌถ์–ด ๋„คํŠธ์›Œํฌ ๋น„์šฉ์„ ์ตœ์†Œํ™” ํ•  ์ˆ˜ ์žˆ์–ด์•ผํ•จ ์ด ๊ณผ์ •์ด ๋ฐ”๋กœ bundling ์›นํŽ™์˜ 4๊ฐ€์ง€ ๊ฐœ๋… ์—”ํŠธ๋ฆฌ // webpack.config.js module.exports = .. 2023. 6. 15.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”