Skip to content

webpack node externals

Park Sang Shin edited this page Dec 4, 2020 · 2 revisions

ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœํ•˜๊ฒŒ ๋˜๋ฉด์„œ ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ํ•„์š”๋กœ ํ•˜๊ฒŒ ๋œ๋‹ค. ( express, router, webpack ... )

์ด๋Ÿฌํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €๋“ค์„ ์‚ฌ์šฉํ•œ๋‹ค.

๊ทธ๋ž˜์„œ webpack-node-externals?

webpack์˜ ๋ฒˆ๋“ค๋ง ๊ณผ์ •์—์„œ ์™ธ๋ถ€ ๋ชจ๋“ˆ(๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ)๋ฅผ ์ œ์™ธ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ํŒจํ‚ค์ง€์ด๋‹ค.

webpack

  • ํ”„๋ก ํŠธ. ๋‹ค์–‘ํ•œ ์ˆ˜๋งŽ์€ ์ž์› ํŒŒ์ผ ๋ฐ ์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ๋“ค์„ ํ™•์žฅ์ž ๋ณ„๋กœ, ๊ฐ๊ฐ ํ•˜๋‚˜์˜ ๋ฒˆ๋“ค ํŒŒ์ผ๋กœ ๋ฌถ์–ด์ค€๋‹ค.
  • ๋ฐฑ. ์ˆ˜๋งŽ์€ ์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ๋“ค์„ ํ•˜๋‚˜์˜ ๋ฒˆ๋“ค ํŒŒ์ผ๋กœ ๋ฌถ์–ด์ค€๋‹ค.

๊ทธ๋ž˜์„œ ์™œ ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ œ์™ธ ํ•ด์•ผํ•˜๋Š”๊ฐ€?

์›นํŒฉ์€ ๊ธฐ๋ณธ์ ์œผ๋กœ front-side๋กœ ๋งž์ถฐ์ ธ์žˆ๋‹ค.

BE ๊ฒฝ์šฐ์—๋Š” ํ•˜๋‚˜์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋งŒ ํ•˜์—ฌ๋„ ์ˆ˜ ๋งŽ์€ ๋ชจ๋“ˆ์ด ์–ฝํ˜€ ์žˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋ฒˆ๋“ค๋ง ํ•  ๋•Œ ์™ธ๋ถ€ ๋ชจ๋“ˆ์˜ ์˜์กด์„ ๋Š๊ณ  ๋‚ด๊ฐ€ ์ž‘์„ฑํ•œ ํŒŒ์ผ๋“ค๋งŒ ๋ฒˆ๋“ค๋ง ๋  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•จ์ด๋‹ค.

โ‡’ ๊ทผ๋ฐ node_modules๊ฐ€ ์žˆ์–ด์•ผ ํ•จ ...

๋ฌธ์ œ ๋  ์ˆ˜ ์žˆ๋Š” ์ƒํ™ฉ ์ค‘ ํ•˜๋‚˜

node_modules๋ฅผ ๋ฒˆ๋“ค๋งํ•˜๋ฉด ๋งŒ์•ฝ node_modules์•ˆ์— A๋ผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ B๋ผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์“ฐ๊ณ ์žˆ๊ณ , ์šฐ๋ฆฌ ์•ฑ์˜ package.json์—์„œ๋„ B๋ผ๋Š”๊ฑธ ์“ฐ๊ณ  ์žˆ๋‹ค๊ณ  ์ ์–ด๋‘๋ฉด A๋ฅผ ๋ฒˆ๋“ค๋ง ํ–ˆ์„ ๋•Œ B๋ฅผ ์“ฐ๊ณ ์žˆ๋‹ค๋Š” ๊ฑธ ๋ชจ๋ฅด๊ฒŒ ๋˜๊ธฐ ๋•Œ๋ฌธ์— B๋ฅผ ๋‘ ๋ฒˆ ๋ฒˆ๋“ค๋งํ•˜๊ณ  ์„œ๋กœ ๋‹ค๋ฅธ B๋ฒ„์ „์„ ์“ธ ์ˆ˜๋„ ์žˆ๊ฒŒ ๋˜์„œ ๋ฌธ์ œ

๐Ÿ“Œ Project

๐Ÿค Rules

๐Ÿ“š Documents

๐Ÿข๊ตฌ์กฐ

๐Ÿง๋…ผ์˜

โšฝ๏ธ TroubleShooting

๐Ÿ’ฌ Memoirs

1 ์ฃผ์ฐจ
2 ์ฃผ์ฐจ
3 ์ฃผ์ฐจ
4 ์ฃผ์ฐจ
5 ์ฃผ์ฐจ

๐Ÿ“ ํ”ผ์–ด์„ธ์…˜

<2์ฃผ์ฐจ> 24๊ทธ๋ฃน 25๊ทธ๋ฃน

<3์ฃผ์ฐจ> 24๊ทธ๋ฃน 25๊ทธ๋ฃน

<4์ฃผ์ฐจ> 24๊ทธ๋ฃน 25๊ทธ๋ฃน 26๊ทธ๋ฃน 27๊ทธ๋ฃน

Clone this wiki locally