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