vue项目打包之后背景样式丢失的解决方案


Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

vue项目打包之后背景样式丢失的解决方案

原因:至于为什么背景图有的打包后存在,有的丢失,那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了,直接引,而背景图片里用的是相对路径最后会直接替换成static,但是明显路径会有问题,所以得配置下。

修改     需要在上面红框中添加下面语句:

// 背景图片丢失:写改css中的路径(添加)
publicPath: '../../'

vue项目打包之后背景样式丢失的解决方案

然后重新npm run dev即可

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
javascript 写类方式之一
Jul 05 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
JavaScript验证图片类型(扩展名)的函数分享
May 05 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
Dec 17 Javascript
jQuery实现圣诞节礼物动画案例解析
Dec 25 Javascript
详谈js遍历集合(Array,Map,Set)
Apr 06 Javascript
详解vue过滤器在v2.0版本用法
Jun 01 Javascript
js传递数组参数到后台controller的方法
Mar 29 Javascript
JS实现的DOM插入节点操作示例
Apr 04 Javascript
微信小程序自定义导航栏
Dec 31 Javascript
js中Array对象的常用遍历方法详解
Jan 17 #Javascript
vuex如何重置所有state(可定制)
Jan 17 #Javascript
node app 打包工具pkg的具体使用
Jan 17 #Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 #Javascript
JS使用Dijkstra算法求解最短路径
Jan 17 #Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 #Javascript
vue权限管理系统的实现代码
Jan 17 #Javascript
You might like
js jquery做的图片连续滚动代码
2008/01/06 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
jQuery版本升级踩坑大全
2016/01/12 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
Node.js复制文件的方法示例
2016/12/29 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
layui 富文本编辑器和textarea值的相互传递方法
2019/09/18 Javascript
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
彻底搞懂Python字符编码
2018/01/23 Python
Python命令行解析模块详解
2018/02/01 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
Python之时间和日期使用小结
2019/02/14 Python
Python的高阶函数用法实例分析
2019/04/11 Python
python如何制作缩略图
2019/04/30 Python
python基于opencv检测程序运行效率
2019/12/28 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
python实现扫雷小游戏
2020/04/24 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
利用python实现汉诺塔游戏
2021/03/01 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
事业单位竞聘上岗实施方案
2014/03/28 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
2014年个人年终总结
2015/03/09 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS
SQL CASE 表达式的具体使用
2022/03/21 SQL Server