webpack - url-loader和file-loader加载器有什么区别？

问题描述

问 题

url-loader和file-loader 都是用于打包文件和图片，但是这2个加载器有什么区别

解决方案

url-loader是对file-loader的上层封装，比如webpack中对图片的加载器配置

 {test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}

这样在小于8K的图片将直接以base64的形式内联在代码中，可以减少一次http请求。

这篇关于webpack - url-loader和file-loader加载器有什么区别？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！