解决webpack-vue模板打包后背景图片路径问题

如果要在webpack配置的vue模板style中写background-image;
url路径需要引用assets下的images文件中的文件,可以被webpack识别并打包。
并在utils.js中
配置ExtractTextPlugin插件,将引用的url路径前加path'../../'

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

posted @ 2017-08-24 16:04  真的有点难受  阅读(475)  评论(0编辑  收藏  举报