CSS里面定义如下
background: url("../image/icon_warning@2x.png");
Webpack配置如下
{
test: /\.(jpg|png|gif)$/,
use: [
{
loader: require.resolve('url-loader'),
options: {
limit: 10 * 1024,
},
},
],
}
然后打包之后,CSS里面的图片地址也确实被替换成了ttp://localhost:3000/ee2c431cf6629a470b23.png
,这个图片地址也确实可以访问,但加载出来的却是一张空白图,加载不出来实际的图片。。。很诡异,不知到为啥
Webpack5的Assets Module,没注意到这个迁移点