美文网首页
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