编程 Javascript

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

Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

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

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

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

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

然后重新npm run dev即可

总结

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

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

- Author -

muzidigbig

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

让iframe自适应高度（支持XHTML，支持FF）

Jul 24 Javascript

动态加载jquery库的方法

Feb 12 Javascript

javascript正则表达式中的replace方法详解

Apr 20 Javascript

jquery实现可自动收缩的TAB网页选项卡代码

Sep 06 Javascript

JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)

Aug 02 Javascript

js将字符串中的每一个单词的首字母变为大写其余均为小写

Jan 05 Javascript

js实现日历的简单算法

Jan 24 Javascript

AngularJS实现表格的增删改查（仅限前端）

Jul 04 Javascript

详解vue父子组件关于模态框状态的绑定方案

Jun 05 Javascript

vue从零实现一个消息通知组件的方法详解

Mar 16 Javascript

JavaScript中while循环的基础使用教程

Aug 11 Javascript

原生js实现无缝轮播图效果

Jan 28 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

整合了前面的PHP数据库连接类~~做成一个分页类!

2006/11/25 PHP

PHP框架实现WebSocket在线聊天通讯系统

2019/11/21 PHP

将HTML自动转为JS代码

2006/06/26 Javascript

用js计算页面执行时间的函数

2006/12/07 Javascript

23个超流行的jQuery相册插件整理分享

2011/04/25 Javascript

简单的Jquery遮罩层代码实例

2013/11/14 Javascript

JS常用表单验证方法总结

2014/05/22 Javascript

window.location.href的用法(动态输出跳转)

2014/08/09 Javascript

jquery实现的仿天猫侧导航tab切换效果

2015/08/24 Javascript

再谈JavaScript异步编程

2016/01/27 Javascript

JavaScript是如何实现继承的(六种方式)

2016/03/31 Javascript

Vue2.0实现1.0的搜索过滤器功能实例代码

2017/03/20 Javascript

详解webpack打包vue时提取css

2017/05/26 Javascript

详解基于vue-router的动态权限控制实现方案

2017/09/28 Javascript

BootStrap Validator 根据条件在JS中添加或移除校验操作

2017/10/12 Javascript

vue2.x数组劫持原理的实现

2020/04/19 Javascript

解决vue中的无限循环问题

2020/07/27 Javascript

[03:56]显微镜下的DOTA2第十一期——鬼畜的死亡先知播音员

2014/06/23 DOTA

[50:59]2018DOTA2亚洲邀请赛 4.7 总决赛 LGD vs Mineski第四场

2018/04/10 DOTA

浅谈Python的垃圾回收机制

2016/12/17 Python

浅谈Python2获取中文文件名的编码问题

2018/01/09 Python

Python实现的rsa加密算法详解

2018/01/24 Python

django获取from表单multiple-select的value和id的方法

2019/07/19 Python

python3.6生成器yield用法实例分析

2019/08/23 Python

Django全局启用登陆验证login_required的方法

2020/06/02 Python

Python如何优雅删除字符列表空字符及None元素

2020/06/25 Python

Python编写memcached启动脚本代码实例

2020/08/14 Python

Forever 21美国官网：美国标志性快时尚品牌

2017/02/20 全球购物

工程造价专业大学生职业生涯规划书

2014/01/18 职场文书

总经理秘书岗位职责

2014/03/17 职场文书

个人房屋转让协议书范本

2014/10/26 职场文书

2015年全国保险公众宣传日活动方案

2015/05/06 职场文书

2016春季运动会通讯稿

2015/07/18 职场文书

话题作文之关于呼唤

2019/11/29 职场文书

idea编译器vue缩进报错问题场景分析

2021/07/04 Vue.js

SQLServer之常用函数总结详解

2021/08/30 SQL Server