webpack图片文件打包背景图片显示不出——删除file-loader的配置代码

删除file-loader的配置代码
在官方文档中，fileloader需要导包，之后进行webpack配置，但是我照着导入file-loader后，顺便在配置了一下，结果图片显示不出来，删掉就解决了问题，有点奇怪

const path = require('path')

module.exports = {
    entry:"./src/main.js",
    output:{
        //控制台中npm init初始化一下npm，会出现一个package.json文件
        //先引入nide的全局变量path
        // _dirname是指当前路径，第二个值后面拼接一个dist,那么就拿到了绝对路径
        path:path.resolve(__dirname, "dist"),
        filename:"bundle.js",
        publicPath:"./dist/"
    },
    module: {
        rules: [
          {
            test: /\.css$/,
            //css.loader只负责css文件进行加载
            //style.loader负责将样式添加到DOm中
            //使用多个loader时，从右向左
            use: [ 'style-loader','css-loader'],
          },
          {
            test: /\.(png|jpg|gif|jpeg)$/i,
            use: [
              {
                loader: 'url-loader',
                options: {
                  // 当加载图片，小于limit时，会将图片编译成base64形式
                  // 当加载图片，大于limit时，需要使用file-loader 进行加载
                  limit: 8192
                }
              }
              //这里不添加配置
               // ,{
              //   loader: 'file-loader',
              //   options: {},
              // }
            ]
          }
        ],
      }
}

官方文档