解決mint-ui組件spinner和indicator在華爲自帶瀏覽器上不旋轉、動畫失效問題

在寫完mint-ui的vue項目，打包後，去檢查css文件的時候會發現，css樣式裏面的所有-webkit-animation都沒有了，所以在一些不兼容animation屬性的瀏覽器上動畫就會不起效果。這個是由於optimize-css-assets-webpack-plugin這個插件的問題。

解決方案：

1.找到webpack.prod.conf.js,註釋掉以下代碼：

// new OptimizeCSSPlugin({

// cssProcessorOptions: config.build.productionSourceMap

// ? { safe: true, map: { inline: false } }

// : { safe: true }

// }),

2.由於這段代碼是實現css壓縮的，註釋掉css文件就不會壓縮，所以需要處理一下，還要讓css文件壓縮

在utils.js中添加minimize:true 

const cssLoader = {

loader: 'css-loader',

options: {

sourceMap: options.sourceMap,

minimize:true

}

}

處理完這些，重新打包項目上線，在華爲自帶瀏覽器上就能看到spinner組件的動畫效果。

目前我的處理方法是這樣的，而且有效，如果你按照這個方法處理無效，可以留言或者加QQ一起探討。

QQ：1150239832