vue-element-admin 解决打包之后背景图片不显示问题

之前总结过vue打包之后背景图片不显示的问题，更改build/utils.js文件中ExtractTextPlugin 插件的options 配置：

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: '../../',         // 注意配置这一部分，根据目录结构自由调整
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

但是项目中用的是后台框架vue-element-admin, js文件的配置和不使用框架的不一样，

image.png

这种情况应改为：

if (options.extract) {
      loaders.push({
        loader: MiniCssExtractPlugin.loader,
        options: {publicPath: '../../'}
      })
    } else {
      loaders.push('vue-style-loader')
    }

再次进行打包之后就可以显示了