Vue cli 在 css 中构建生产更改不透明度答案

【问题标题】：Vue cli build production change opacity in cssVue cli 在 css 中构建生产更改不透明度
【发布时间】：2020-04-15 15:57:18
【问题描述】：

当我构建我的 vue 项目时，它会将不透明度从 50% 更改为 1%。

在开发中它没有这个问题，但在生产中它改变了样式。

开发（npm run serve）： click to see

.VueCarousel-dot-container button.VueCarousel-dot {
    background-color: #7390a7 !important;
    opacity: 60%;
}

生产（npm 运行构建）：当我构建和上传它时：

.VueCarousel-dot-container button.VueCarousel-dot {
    background-color: #7390a7!important;
    opacity: 1%;
}

【问题讨论】：

【解决方案1】：

尝试将opacity: 60%; 替换为等效的opacity: 0.6;，但您的构建脚本中的CSS 缩小/转换可能存在问题。此外，当您以百分比设置不透明度时，只有 Firefox (70+) 和 Chrome (78+) 可以理解，其他浏览器仅支持 0.0 到 1.0 范围内的值。

【讨论】：