什么时候在你的 webpack 配置中使用 url-loader？

Question

关于使用 url-loader 有很多 SO 问题，但我想知道它到底是做什么的？自述文件有点有限。

url 加载器的工作方式类似于文件加载器，但可以返回一个 Data Url 如果文件小于限制。

可以使用查询参数指定限制。 （默认为无 限制）

如果文件大于限制，则使用文件加载器并且所有 查询参数传递给它。

来源：https://github.com/webpack/url-loader

---

我有点理解自述文件，但我不确定何时需要该功能。我注意到一堆不使用它的 webpack 配置，而且似乎仍然有效。这是你在运行服务器和 webpack-dev-server 时需要的东西吗？

它到底有什么作用，我应该什么时候使用它？

谢谢！

Answer 1

扩展我的评论。

它 base-64 将图像直接编码为 css 或 html 如果低于 限制。

此方法可让您节省 HTTP 请求，从而提高页面速度。它主要用于图标或其他较小的图像文件。一旦开始处理更大的图像文件，通过 base-64 编码就不会获得太多性能。