Vue使用Build后css背景图片路径问题

2018年4月2日16:01:00 发表评论 304

今天做了一个恶搞的H5,遇到这样一个问题:就是使用npm run build之后,在dist里打开index.html,就css设置的背景图片有问题,调试看了一下路径,居然是static/img/bg.0251f9f.jpg,后来看到一篇文章解决了这个头疼的问题。

Vue使用Build后css背景图片路径问题

简单来说,就是单独为css配置publicPath,使用 vue-cli生成的项目, dist目录结构为: dist > index.html + static > css + img + js,而我们只需要返回两级就可以了。

更改build/utils.js文件中的 ExtractTextPlugin 的 options配置

猿梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: