webpack配置file-loader后无法显示图片

项目场景：

webpack5中配置file-loader打包后无法正常显示图片

---

原因分析：

1.在 webpack5 中 css-loader 会对 url() 处理为require(),旧的assets loader与新的assets loader冲突

官网:

2.资源的引用路径变为[object],webpack5中file-loader使用了esModule语法

---

解决方案：

第一种.

使用新的assets loader

第二种

配置file-loader

{
    test: /\.(png|jpe?g|gif|svg)$/,
    use: [
      {
        loader: 'file-loader',
        options: {
          esModule: false
        },
      }
    ],
    type: 'javascript/auto'
 }