Vue-cli项目css背景图路径问题

Vue-cli项目css背景图路径问题

项目情况:使用可配置的CDN资源服务(publicPath),导致css背景图的路径不正确

解决办法:

  1. 将图片作为模块引入vm中,网上的办法:
    在data中定义一个属性,i.e.: bg:{backgroundImage: ‘url(‘ +require(‘@/bg.jpg’) + ‘)’}
    在元素上动态绑定style属性,:style=”bg”
  2. 配置ExtractTextPlugin选项的allChunks:false,这样可以让vm按js的方式使用统一的publicPath

上述两种方法都不完美,似乎目前也没有别的办法