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-核心前後加這個屬性即可