vue 打包上线后 css3渐变属性丢失的问题解决方案

最近有个vue项目需要用到css3渐变属性，本地运行正常，打包后渐变属性失效，具体解决办法直接上代码：

之前代码

.join{
    background:-webkit-gradient(linear, 100% 0, 0 0, from(#e68865), to(#ea6731));
    background:-webkit-linear-gradient(left, #e68865, #ea6731);
    background:-moz-linear-gradient(left, #e68865, #ea6731);
    background:-o-linear-gradient(left, #e68865, #ea6731);
    background:linear-gradient(left, #e68865, #ea6731); 
}
复制代码

修改后代码

.join{
    /*! autoprefixer: off */
    background:-webkit-gradient(linear, 100% 0, 0 0, from(#e68865), to(#ea6731));
    background:-webkit-linear-gradient(left, #e68865, #ea6731);
    /* autoprefixer: on */
    background:-moz-linear-gradient(left, #e68865, #ea6731);
    background:-o-linear-gradient(left, #e68865, #ea6731);
    background:linear-gradient(left, #e68865, #ea6731); 
}
复制代码

只需在-webkit-内核前后加这个属性即可

转载于:https://juejin.im/post/5c10c9496fb9a04a027a36ab