webpack配置-打包后图片路径出错

webpack配置-打包后图片路径出错

问题

项目在开发环境下工作正常，当打包后图片不见了，检查元素后发现路径出错了。图片路径是这样：background: url(/static/img/bg_camera_tip.bd37151.png)，但该路径下文件并不存在。
打包后文件目录如下：

可以看到背景图片的路径应该是../../static而实际却是/static，找到原因后就好解决了

方法一

查看build目录下webpack.base.conf.js的配置，图片文件会经过url-loader处理。

 module: {
    rules: [
      ...
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: