[React] webpack 프로젝트에서 png파일 로드하기
by 한만섭
- TOC
webpack 프로젝트에서 png파일 사용하기
webpack.config.js
module.exports = {
entry: ["./src/index.tsx"],
module: {
rules: [
{
test: /\.tsx?$/,
use: "ts-loader",
exclude: /node_modules/
},
{
test: /\.(png|jpg)$/,
use: ["file-loader"]
}
]
},
resolve: {
extensions: [".tsx", ".ts", ".js"]
},
output: {
path: __dirname + "/dist",
publicPath: "/",
filename: "bundle.js"
},
devServer: {
contentBase: "./dist"
}
};
새로운 rule을 추가해준다.
bash
yarn add file-loader
Subscribe via RSS