如何解决webpack css url报错问题(2)-木庄网络博客

2022-03-22 13:19:32 PHP中文网 JavaScript 百度已收录

貌似图片是加载进来了，好像没什么问题，接着在图片地址上鼠标右击---open in new tab，结果

而我文件图片的目录地址是

这样的，去掉路径中的css，就能够显示图片了

解决方案：

//打包样式中背景图
{
    test: /\.(png|jpg)$/,
    loader: "url-loader?limit=8192&name=images/[hash:8].[name].[ext]",
    options:{
        publicPath:'./images'
    }
    //limit参数，代表如果小于大约4k则会自动帮你压缩成base64编码的图片,否则拷贝文件到生产目录
    //name后面是打包后的路径；
    //loader 后面 limit 字段代表图片打包限制，这个限制并不是说超过了就不能打包，而是指当图片大小小于限制时会自动转成 base64 码引用
    //上例中大于8192字节的图片正常打包，小于8192字节的图片以 base64 的方式引用。
},