vue 配置css背景图路径和打包的路径冲突

Question

打包后css背景图丢失的原因，是因为build下的

assetsPublicPath:'/'，但是项目打包后会白屏的解决方案是把assetsPublicPath设置成'./',这该怎么解决

Answer 1

这两个不是一回事，js、css文件引用不到改assetsPublicPath。
css中的资源引用不到是因为其中的资源是相对于css的但是却用了html的路径。
修改此项：

return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
    publicPath: '../../'  //加上这个
})

vue-cli2的这个配置在build/utils.js里，自己配了css提取插件的自己肯定知道在哪，vue-cli3的话我就不知道了。