irm_dev님의 게시글

질문&답변

현재 css 안에 사용된 이미지는 base64 로 인코딩이 안됩니다

저도 webpack 5 버전에서 실행시킬 경우 이미지가 나오지 않는 이슈가 있었습니다. webpack.config.js 파일을 아래와 같이 변경해 보시기 바랍니다. 아래 소스는 '윤재'님의 댓글에 달린 https://webpack.kr/guides/asset-modules/ 를 참고하여 작성했습니다. const path = require('path'); const MyWebpackPlugin = require('./my-webpack-plugin'); module.exports = { mode: 'development', entry: { main : './src/app.js' }, output: { // resolve = 절대 경로 설정 path: path.resolve('./dist'), filename: "[name].js", assetModuleFilename: "[hash][ext][query]" }, module: { rules: [ { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] }, { test: /\.(png|jpg|gif|svg)$/, type: 'asset/resource', generator: { filename: '[name][ext][query][hash]' } } ] }, plugins: [ new MyWebpackPlugin(), ] }