之前總結(jié)過vue打包之后背景圖片不顯示的問題，更改build/utils.js文件中ExtractTextPlugin 插件的options 配置：

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: '../../',         // 注意配置這一部分，根據(jù)目錄結(jié)構(gòu)自由調(diào)整
    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')
    }

再次進行打包之后就可以顯示了