编程 Javascript

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

Posted in Javascript onJanuary 17, 2019

原始

build/untils.js

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

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

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

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

然后重新npm run dev即可

总结

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

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

- Author -

muzidigbig

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

Javascript 相关文章推荐

ExtJS Store的数据访问与更新问题

Apr 28 Javascript

Jquery中getJSON在asp.net中的使用说明

Mar 10 Javascript

深入理解JavaScript系列(6)：S.O.L.I.D五大原则之单一职责SRP

Jan 15 Javascript

JavaScript之自定义类型

May 04 Javascript

JavaScript中圆括号()和方括号[]的特殊用法疑问解答

Aug 06 Javascript

当json键为数字时的取值方法解析

Nov 15 Javascript

编写高效jQuery代码的4个原则和5个技巧

Apr 24 Javascript

JavaScript sub方法入门实例（把字符串显示为下标）

Oct 17 Javascript

JavaScript实现动态删除列表框值的方法

Aug 12 Javascript

ReactNative短信验证码倒计时控件的实现代码

Jul 20 Javascript

JavaScript实现修改伪类样式

Nov 27 Javascript

细说webpack源码之compile流程-rules参数处理技巧(2)

Dec 26 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

一个可以找出源代码中所有中文的工具

2006/10/25 PHP

第六节--访问属性和方法

2006/11/16 PHP

PHP中func_get_args(),func_get_arg(),func_num_args()的区别

2013/09/30 PHP

Yii2增加验证码步骤详解

2016/04/25 PHP

PHP实现按之字形顺序打印二叉树的方法

2018/01/16 PHP

使用Entrust扩展包在laravel 中实现RBAC的功能

2020/03/16 PHP

javascript 广告后加载，加载完页面再加载广告

2010/11/25 Javascript

解析offsetHeight,clientHeight,scrollHeight之间的区别

2013/11/20 Javascript

NodeJS中Buffer模块详解

2015/01/07 NodeJs

JavaScript页面模板库handlebars的简单用法

2015/03/02 Javascript

jQuery实现复选框批量选择与反选的方法

2015/06/17 Javascript

JS基于cookie实现来宾统计记录访客信息的方法

2015/08/04 Javascript

jquery实现简单的全选和反选功能

2016/01/02 Javascript

AngularJS数据源的多种获取方式汇总

2016/02/02 Javascript

深入理解javascript作用域第二篇之词法作用域和动态作用域

2016/07/24 Javascript

原生JS无缝滑动轮播图

2019/10/22 Javascript

详解Vue3中对VDOM的改进

2020/04/23 Javascript

vue + el-form 实现的多层循环表单验证

2020/11/25 Vue.js

[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访

2014/07/09 DOTA

[01:42]辉夜杯战队访谈宣传片—FANTUAN

2015/12/25 DOTA

[01:46]新英雄登场

2019/09/10 DOTA

关于python的bottle框架跨域请求报错问题的处理方法

2017/03/19 Python

使用Python写一个贪吃蛇游戏实例代码

2017/08/21 Python

Python实现的字典值比较功能示例

2018/01/08 Python

Tensorflow环境搭建的方法步骤

2018/02/07 Python

django_orm查询性能优化方法

2018/08/20 Python

python用match()函数爬数据方法详解

2019/07/23 Python

Pytorch自定义Dataset和DataLoader去除不存在和空数据的操作

2021/03/03 Python

奥地利体育网上商店：Gigasport

2019/10/09 全球购物

班会关于环保演讲稿

2013/12/29 职场文书

擅自离岗检讨书

2014/02/11 职场文书

经理任命书模板

2014/06/06 职场文书

股指期货心得体会

2014/09/10 职场文书

村党支部对照检查材料思想汇报

2014/09/28 职场文书

2015年迎新晚会策划书

2015/07/16 职场文书

以下牛机，你有几个

2022/04/05 无线电