webopack 5 直接配置默认资源处理器即可 type: 'asset/resource' webpack5之前只能使用 loader处理 {test: /\.(jpg|png|jpeg|gif|svg)$/i,//type: 'asset/resource'use: [ { loader:'url-loader', options: { esModule:false,//处理图片不显示 查看元素 问题limit: 8192} } ] }...
'url-loader', options: { limit: 8192, name: 'image/[name].[hash:7].[ext]' } }, { loader: 'image-webpack-loader',// 压缩图片 options: { bypassOnDebug: true, } } ] }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, use: [ { loader: 'file-loader', options: { name: ...
'url-loader', options: { limit: 8192, name: 'image/[name].[hash:7].[ext]' } }, { loader: 'image-webpack-loader',// 压缩图片 options: { bypassOnDebug: true, } } ] }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, use: [ { loader: 'file-loader', options: { name: ...
老师,生成的index.css内容是url(resource/test.png),而dist/css/index.css文件与dist/resource/test.png不在同一层级,这样不就引用不到图片了吗?我这样子生成后在浏览器查看index.html确实加载不出图片,然后手动将生成的index.css改成url(../resource/test,png)才能够加载出来。麻烦老师解答一下疑惑～～～ 回复 ...
webopack 5 直接配置默认资源处理器即可 type: 'asset/resource' webpack5之前只能使用 loader处理 1. 2. {test: /\.(jpg|png|jpeg|gif|svg)$/i,//type: 'asset/resource'use: [ { loader:'url-loader', options: { esModule:false,//处理图片不显示 查看元素 问题limit: 8192} } ] } 1. 2. ...