在webpack小项目中，遇到了html img src引用和css资源打包的挑战。问题包括：图片路径错误和css打包时资源引入出错。降低file-loader版本至4.1.0解决了html中img src的问题。而对于css，发现url-loader的limit设置不当导致图片路径错误。最终通过在解析css或scss时设定路径解决了问题。建议遇到类似问题时深入理解官方文档。
最近在做一个webpack小项目的文件打包情况
碰见的问题如下：
1、html中的img的src引入为[‘object, module’]的情况
2、对于css打包文件资源引入出错问题引入路径正确，但是图片的放置地址出错
首先对于问题1情况如下：
图片地址打包是正确的情况
这个问题的出现原因是因为file-loader的版本太高，我目前开发时最高版本5.1，于是我将file-loader的版本降为4.1.0后问题解决。
针对问题2这种情况我也找了很多解决方法。
首先找到问题在于html打包时和CSS打包时都是走的url-loader进行打包的而其中设置的额limit限制会将小于该值的打包进CSS目录下，而大于该值的会打包到设置的路径下， 我这里是按照原路径输出的。
所以这是一种情况导致出错的原因，但是因为引入图片时咱
最低0.47元/天 解锁文章
扫一扫
359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
