
webpack ์ด๋
ยท
Languages/JavaScript
webpack์ด๋, ๋ชจ๋ํํ ์ฌ๋ฌ ๊ฐ์ ํ์ผ์ ๋ชจ์ ์ฃผ๋ ๋ฒ๋ค๋ฌ์
๋๋ค. ๋ฒ๋ค๋ฌ๋ ์ด ์ธ์๋ 'Rollup'๊ณผ 'Parcel'์ด ์์ต๋๋ค. ๋ชจ๋ํํ ํ์ผ ๊ฒฐํฉ์ ๋จ์ํ๊ฒ ํ์ผ์ ๊ฒฐํฉํ๋ ๊ฒ์ด ์๋๋ฉฐ, ๋ชจ๋์ ์์กด ์ํ๋ฅผ ํด๊ฒฐํ๋ฉด์ ๋ฒ๋คํฉ๋๋ค. webpack์ '.js' ํ์ผ ๋ฟ๋ง ์๋๋ผ. css์ ์ด๋ฏธ์ง ๊ฐ์ ๋ฆฌ์์ค๋ฅผ ๋ฒ๋คํด ์ฃผ๋ ๊ธฐ๋ฅ๋ ์์ต๋๋ค. ๋ค์ํ Loader๋ฅผ ์ฌ์ฉํ๋ฉด, ๋จ์ผ ํ์ผ ์ปดํฌ๋ํธ vue, Pug์ Sass ๊ฐ์ ๋ค์ํ ํ์์ ํ์ผ๋ ์ฝ์ด ๋ค์ผ ์ ์์ต๋๋ค. ์ฒ์ ์ฝ์ด ๋ค์ด๋ ํ์ผ(์ํธ๋ฆฌ ํฌ์ธํธ)์ ์์์ผ๋ก ์ฐ๊ฒฐ๋ ๋ฆฌ์์ค๋ฅผ ๋ชจ๋ ๋ฒ๋คํ๋ฏ๋ก, ์ ํ๋ฆฌ์ผ์ด์
์ ๋ถํ์ํ ๋ฆฌ์์ค๋ ์์์ ์ ์ธ๋๋ค๋ ์ฅ์ ๋ ์์ต๋๋ค. ์ฝ์ด ์ปจ์
์ผ๋ก๋ ์๋์ ๊ฐ์ต๋๋ค. Entry Output Loaders Plugi..