之前总结过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文件的配置和不使用框架的不一样,
这种情况应改为:
if (options.extract) {
loaders.push({
loader: MiniCssExtractPlugin.loader,
options: {publicPath: '../../'}
})
} else {
loaders.push('vue-style-loader')
}
再次进行打包之后就可以显示了