何时使用url-loader和你的webpack配置？

Question

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

  

url加载器的工作方式与文件加载器类似，但可以返回数据URL   如果文件小于限制。

     

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

     

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

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

我理解README，但我不确定何时需要该功能。我注意到一堆webpack配置不能使用它，似乎仍然有用。这是运行服务器与webpack-dev-server时需要的东西吗？

它究竟做了什么以及何时使用它？

谢谢！

Answer 1

扩展我的评论。

  

它base-64将图像直接编码到css或html（如果如下）   限制。

此方法允许您保存可以提高页面速度的HTTP请求。它主要用于图标或其他较小的图像文件。一旦你开始进入更大的图像文件，你通过base-64编码获得的性能就不会很高。