undefined

webpack之使用url-loader引入图片

增强的file-loader:url-loader

安装url-loader

1
npm i -D url-loader

注意:url-loader会把图片使用base64的形式编码成另外一种字符串。网页可以识别这种编码的东西,好处是减少了图片的请求。如果图片过大,编码会更加大,这样会得不偿失。解决办法是:当某一个图片文件过大的时候就让他去打包,添加规则的时候,增加一个limit值,当小于这个值得时候,就会直接编码,大于这个值得时候就打包

小结

当url-loader使用图片资源的时候,默认会把资源使用base64编码。 超过limit值就会被打包。

觉得本站不错,请作者吃根辣条