Vue-cli项目css背景图路径问题
项目情况:使用可配置的CDN资源服务(publicPath),导致css背景图的路径不正确
解决办法:
- 将图片作为模块引入vm中,网上的办法:
在data中定义一个属性,i.e.: bg:{backgroundImage: ‘url(‘ +require(‘@/bg.jpg’) + ‘)’}
在元素上动态绑定style属性,:style=”bg” - 配置ExtractTextPlugin选项的allChunks:false,这样可以让vm按js的方式使用统一的publicPath
上述两种方法都不完美,似乎目前也没有别的办法