编程 Javascript

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

Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

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

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

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

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

然后重新npm run dev即可

总结

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

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

- Author -

muzidigbig

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

Javascript 相关文章推荐

在firefox和Chrome下关闭浏览器窗口无效的解决方法

Jan 16 Javascript

javascript函数中参数传递问题示例探讨

Jul 31 Javascript

javascript实现验证IP地址等相关信息代码

May 10 Javascript

javascript实现3D切换焦点图

Oct 16 Javascript

jQuery遍历DOM元素与节点方法详解

Apr 14 Javascript

浅谈Angularjs link和compile的使用区别

Oct 21 Javascript

详解Jquery Easyui的验证扩展

Jan 09 Javascript

JavaScript定义函数_动力节点Java学院整理

Jun 27 Javascript

解决vue2.0动态绑定图片src属性值初始化时报错的问题

Mar 14 Javascript

vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解

Oct 15 Javascript

解决vue组件中click事件失效的问题

Nov 09 Javascript

Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件

Apr 17 Vue.js

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

phplock(php进程锁) v1.0 beta1

2009/11/24 PHP

Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法

2011/06/30 PHP

基于PHP CURL获取邮箱地址的详解

2013/06/03 PHP

列举PHP的Yii 2框架的开发优势

2015/07/03 PHP

php实现登陆模块功能示例

2016/10/20 PHP

Document:getElementsByName()使用方法及示例

2013/10/28 Javascript

如何获取select下拉框的值(option没有及有value属性)

2013/11/08 Javascript

JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍

2014/04/03 Javascript

详谈nodejs异步编程

2014/12/04 NodeJs

javascript折半查找详解

2015/01/26 Javascript

jQuery实现流动虚线框的方法

2015/01/29 Javascript

javascript中sort()的用法实例分析

2015/01/30 Javascript

jQuery下拉友情链接美化效果代码分享

2015/08/26 Javascript

javascript实现省市区三级联动下拉框菜单

2015/11/17 Javascript

JS onkeypress兼容性写法详解

2016/04/27 Javascript

jquery实现左右滑动式轮播图

2017/03/02 Javascript

基于VUE选择上传图片并页面显示（图片可删除）

2017/05/25 Javascript

js 获取json数组里面数组的长度实例

2017/10/31 Javascript

基于vue中解决v-for使用报红并出现警告的问题

2018/03/03 Javascript

javascript实现蒙版与禁止页面滚动

2020/01/11 Javascript

[00:32]2018DOTA2亚洲邀请赛Mineski出场

2018/04/04 DOTA

python实现的系统实用log类实例

2015/06/30 Python

Python下的Softmax回归函数的实现方法(推荐)

2017/01/26 Python

Python变量和数据类型详解

2017/02/15 Python

Python 中的 import 机制之实现远程导入模块

2019/10/29 Python

Win10下用Anaconda安装TensorFlow(图文教程)

2020/06/18 Python

python基于win32api实现键盘输入

2020/12/09 Python

你正在寻找的CSS3 动画技术

2011/07/27 HTML / CSS

CSS3动画和HTML5新特性详解

2020/08/31 HTML / CSS

英国二手iPhone、音乐、电影和游戏商店：musicMagpie

2018/10/26 全球购物

Travelstart沙特阿拉伯：廉价航班、豪华酒店和实惠的汽车租赁优惠

2019/04/06 全球购物

Java的接口和C++的虚类的相同和不同处

2014/03/27 面试题

政风行风评议个人心得体会

2014/10/29 职场文书

2014年心理健康教育工作总结

2014/12/06 职场文书

2014年政协工作总结

2014/12/09 职场文书

个人借条范本

2015/05/25 职场文书