问题
使用url-loader处理html中图片时，添加limit：10000这段代码会报错，删除后不管图片多大都会自动转成base64格式的，老师测试下，我说的对不对
正在回答 回答被采纳积分+1
同学你好，整体理解是对的，但是有一个小点需要注意下：url-loader是处理css中的图片，html-withing-loader才是处理html中的图片哦。
因为使用url-loader处理图片时，设置了limit:10000，那么只能处理小于这个值的图片，大于这个值的图片就无法处理了，所以代码会报错，此时可以结合file-loader来处理超出10000的图片，这样代码就不会报错了。
如果不设置limit:10000; 那么无论图片多大，都会转成base64格式的。
祝学习愉快~
-
期限_ #1
url-loader配合html-withing-loader也可以处理html中的图片，但是设置limit为什么会报错？即使html中图片的大小没有超过指定的值
如果css,js中有图片，html中也有图片，那么使用url-loader时都会把图片转换成base64格式，而且添加limit属性后，虽然js，css中的图片可以处理，但是html中图片没法处理，代码也会报错，这个问题怎么解决？就只能使用file-loader 了吗？
2021-04-17 16:25:42 -
同学你好，对于你的问题解答如下：
1、同学目前的截图不完整，无法看到具体的报错信息是什么，而且也不清楚同学的代码具体怎么写的，所以无法准确的定位问题，老师之前也跟同学说过，学习过程中遇到问题，建议：图文结合详细描述下你的操作过程，并将你的项目目录和报错信息截图粘贴过来，以及书写的相关代码全部粘贴过来，例如：webpack.config.js和package.json等文件中的代码（代码不要截图），老师帮助同学测试下，便于帮助同学准确的定位与解决问题。
2、推荐同学url-loader、file-loader和html-withing-loader三种插件一起配合使用，这样html、css、js文件中引入的图片就都可以处理了。
关于webpack中的图片处理，为了帮助同学更好的学习，老师也梳理总结了一份文档，可以查看下 https://class.imooc.com/lesson/1642#mid=45695
祝学习愉快~
2021-04-17 17:08:16
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星