url-loader作者推荐webpack5使用内置的资源模块：https://webpack.docschina.org/guides/asset-modules/ ，而且url-loaderGitHub状态也存档了，应该是不维护了吧。

rule有个type选项，可以替代file-loader和url-loader，下面是我写的几个例子：

// 输出文件路径，类似于file-loader
rules: [
  {
    test: /\.(png|jpe?g|gif)$/i,
    type: 'asset/resource'
  }
]
// 输出data URI，类似于url-loader
rules: [
  {
    test: /\.(png|jpe?g|gif)$/i,
    type: 'asset/inline'
  }
]
// 小于10kb输入data URI，否则输出文件路径
rules: [
  {
    test: /\.(png|jpe?g|gif)$/i,
    type: 'asset',
    parser: {
      dataUrlCondition: {
        maxSize: 10 * 1024 // 小于10kb inline，否则resource
      }
    }
  }
]