Next.js: webpack ๋Œ€์‹  fuse-box๋ฅผ ์‚ฌ์šฉํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2017๋…„ 03์›” 27์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vercel/next.js

์ €๋Š” Next.js๋ฅผ ์ข‹์•„ํ•˜๊ณ  ์–ผ๋งˆ ๋™์•ˆ ํ…Œ์ŠคํŠธํ•ด ์™”์Šต๋‹ˆ๋‹ค. 2.0 ๋ฆด๋ฆฌ์Šค ๋…ธํŠธ๋ฅผ ์ฝ์œผ๋ฉด ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์ด ์šฐ์„  ์ˆœ์œ„์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค(๊ทธ๋ž˜์•ผ ํ•จ).

๋‚˜๋Š” ๋ช‡ ๋‹ฌ ์ „์— ํ“จ์ฆˆ ๋ฐ•์Šค๋ฅผ ๋งŒ๋‚ฌ๊ณ  ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ํ•ซ ๋ฆฌ๋กœ๋“œํ•˜๋Š” ์†๋„์— ์ •๋ง ๊ฐ๋™ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๋น ๋ฅธ ๊ฑด ๋ณธ ์ ์ด ์—†์–ด! 100ms ๋ฏธ๋งŒ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

fuse-box์—๋Š” ๋ช‡ ๊ฐ€์ง€ ๋‹ค๋ฅธ ๋ฉ‹์ง„ ๊ธฐ๋Šฅ์ด ์žˆ์œผ๋ฉฐ next.js์™€ ์ •๋ง ์ž˜ ์–ด์šธ๋ฆฌ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ํ“จ์ฆˆ๋ฐ•์Šค ์‚ฌ์šฉํ•ด๋ณด์‹  ๋ถ„ ๊ณ„์‹ ๊ฐ€์š”?

https://github.com/fuse-box/fuse-box

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

ํ“จ์ฆˆ ๋ฐ•์Šค๋Š” ์œ ๋งํ•ด ๋ณด์ž…๋‹ˆ๋‹ค. Webpack์ด ์žฌ๊ตฌ์ถ• ์‹œ๊ฐ„์„ ๊ฐœ์„ ํ•˜๋„๋ก ์žฅ๋ คํ•˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

Next.js๋Š” ๊ฑฐ์˜ Webpack์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•ฉ๋‹ˆ๋‹ค. fuse-box๊ฐ€ ํ›Œ๋ฅญํ•˜๊ฒŒ ๋“ค๋ฆฌ์ง€๋งŒ webpack์„ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ํ•  ์ˆ˜ ์žˆ๋Š” ์ผ์ด ๋งŽ์ด ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๊ฐ€์žฅ ๋งŽ์ด ์ฑ„ํƒ๋˜๊ณ  ์žˆ์œผ๋ฉฐ ๊ฐ€๊นŒ์šด ์‹œ์ผ ๋‚ด์— ์ด๋ฅผ ๋Œ€์ฒดํ•  ๊ณ„ํš์€ ์—†์Šต๋‹ˆ๋‹ค.

ํ“จ์ฆˆ ๋ฐ•์Šค๋Š” ์œ ๋งํ•ด ๋ณด์ž…๋‹ˆ๋‹ค. Webpack์ด ์žฌ๊ตฌ์ถ• ์‹œ๊ฐ„์„ ๊ฐœ์„ ํ•˜๋„๋ก ์žฅ๋ คํ•˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

์ด ์Šค๋ ˆ๋“œ๋Š” ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์ž ๊ฒผ์Šต๋‹ˆ๋‹ค. ๊ด€๋ จ ๋ฒ„๊ทธ์— ๋Œ€ํ•œ ์ƒˆ ๋ฌธ์ œ๋ฅผ ์—ด๊ณ  ์ด ์Šค๋ ˆ๋“œ์˜ ๊ด€๋ จ ๋Œ“๊ธ€์— ๋งํฌํ•˜์‹ญ์‹œ์˜ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰