url-loader

最新推荐文章于 2024-05-09 09:54:56 发布

Jookerone

最新推荐文章于 2024-05-09 09:54:56 发布

阅读量857

点赞数

分类专栏： webpack

本文链接：https://blog.csdn.net/qq_45178972/article/details/117627074

版权

webpack 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文介绍了url-loader和file-loader在webpack配置中的使用，它们处理图片等静态资源。url-loader能将小文件转为base64内联到代码中，超过限制则通过file-loader保存到磁盘并生成URL引用。例如，当文件大小小于15KB时，url-loader会将其转换为base64，大于15KB则采用传统HTTP请求。

摘要由CSDN通过智能技术生成

url-loader和file-loader的工作方式是相似的，但是可以将较小的文件，转成base64的URI，就是可以和网页一起请求下来

{
  test:/\.(png|jpe?g|gif|svg)$/,
  use:[
    {
      loader:'url-loader',
      options:{
        name:"img/[name].[hash:6].[ext]",
        limit: 15 * 1024 //单位：B 小于15KB的会用base64转换，大于15KB的就复制图片到dist目录，用http请求
      }
    }
  ]
}