Q. src\images์ ๋ฃ์ผ๋ฉด html์์ ๋ก๋ฉ์ด ์๋๋๋ฐ static์ ๋ฃ์ผ๋ฉด ๋ก๋ฉ์ด ๋๋ค. ์์ง? ๋๊ฐ์ ํด๋๋ฐ?
A. ์นํฉ ๋น๋๋ฅผ ์ด์ฉํ๊ธฐ ๋๋ฌธ์ ์์ํํ์ผ์์ ๋์จ ๊ฒ๋ง ๋ถ๋ฌ์ฌ ์ ์๋ค.
staticํ์ผ์ ์์ํ์ผ๋ก ์ค์ ํ๊ธฐ ๋๋ฌธ์ src/images์ ์๋ ํ์ผ(์ด๋ฏธ์งํ์ผ), ๊ธฐํ ๋ค๋ฅธ ๋ก์ปฌํ์ผ์ ์ฐธ์กฐํ ์ ์๋ ๊ฒ์ด๋ค.
ํด๊ฒฐ๋ฐฉ๋ฒ
1) ์ด๋ฏธ์ง ํ์ผ์ ๊ทธ๋ฅ ์์ํ ๋๋ ํ ๋ฆฌ์ ๋ฃ๋๋ค.
2) webpack.config.jsํ์ผ์ 'file-loader' ์ถ๊ฐ
์นํฉ์ด ์ด๋ฏธ์ง ํ์ฅ์ ํ์ผ์ ๋ฐ๊ฒฌํ๋ฉด ํ์ผ ๋ก๋๋ฅผ ์คํํ๋ค. ๋ก๋๊ฐ ์๋ํ๋ฉด ์์ํ์ ์ค์ ํ ๊ฒฝ๋ก๋ก ์ด๋ฏธ์ง๊ฐ ๋ณต์ฌ๋๋ค.
file-loader์ฝ๋
flamingotiger.github.io/frontend/DevEnv/webpack-image/
'๐ Back > ๐งฉ Node.js' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| Babel, Webpack์ค๋ฅ ํด๊ฒฐ ๋ชจ์ (0) | 2021.04.01 |
|---|---|
| ์นํฉ MAP ํ์ผ: jsํ์ผ ์๋ํ๊ฒ ํ๊ธฐ (0) | 2021.03.23 |
| EJS: Node js ๋ทฐ์์ง (html๋๋๋ง) (0) | 2021.03.18 |
| [npx] npm ๋ช ๋ น์ด๋ ๋ญ๊ฐ ๋ฌ๋ผ? (0) | 2021.03.15 |
| Aws s3 (0) | 2021.03.09 |