美文网首页
2019-09-25 element 解决升级,打包之后背景图片

2019-09-25 element 解决升级,打包之后背景图片

作者: 半眼鱼 | 来源:发表于2019-09-25 09:03 被阅读0次

之前总结过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

这种情况应改为:

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

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

相关文章

网友评论

      本文标题:2019-09-25 element 解决升级,打包之后背景图片

      本文链接:https://www.haomeiwen.com/subject/wnjiuctx.html