vue打包后导致css属性值丢失的问题如何处理？

发布于
2023-11-01 广东

更新于
2023-11-01

新手上路，请多包涵

vue文件中有一行css代码，如下：

background: repeating-linear-gradient(red 0px 1px, transparent 0px 2px) 40px 0px/1px 100% no-repeat;

本地看，样式没有问题，但是打包发布后，发现样式不一样，于是f12查看，发现这一行样式属性值变成了

background: repeating-linear-gradient(red 1px, transparent 0px 2px) 40px 0px/1px 100% no-repeat;

也就是 red 0px 1px 中间的 0px 消失了（写0也是一样的问题）

vue.js vue-cli css3 scss node.js

阅读 584

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

不同页面之间可以通过localstorage保存响应式吗？
A页面选择一些选项，B页面上有一个下拉框，下拉框的内容和A页面上选中的内容同步，这该怎么做？这可以通过vue的响应式来实现吗？
6 回答2.9k 阅读✓ 已解决
网站的不同域名互相跳转如何保持登录态？
一个网站部署了多个域名（不是子域名），比如：www.abc.com和www.aaa.com,如何从一个域名跳转到另一个域名的时候，仍然保持登录态呢？
6 回答2.3k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。
5 回答6.3k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？
3 回答1.4k 阅读✓ 已解决
相同的HTML代码，用v-html与直接写在模板中染相表现差异巨大，如何规避？
可以通过下面的链接查看问题，template里面的html与v-html是一样的代码，但是表现差异巨大DEMO
2 回答2k 阅读✓ 已解决
css3如何实现这样的渐变背景?
渐变背景倾斜平铺
2 回答2.4k 阅读✓ 已解决
vite项目如何导入.pem公钥更规范？
vue3+vite的前端项目，需要使用公钥加密提交的参数，目前.pem文件存放在publicDir，通过fetch()读取.pem的值，感觉有点怪怪的。请问有没有更好的导入方式。
2 回答1.5k 阅读✓ 已解决

vue打包后导致css属性值丢失的问题如何处理？

你尚未登录，登录后可以

不同页面之间可以通过localstorage保存响应式吗？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？

相同的HTML代码，用v-html与直接写在模板中染相表现差异巨大，如何规避？

css3如何实现这样的渐变背景?

vite项目如何导入.pem公钥更规范？