vue項目中打包編譯後，CSS樣式【-webkit-box-orient: vertical】打包後丟失問題

最近在作vue項目的時候頁面處理多行文本樣式時用到了-webkit-box-orient: vertical這個屬性，本地跑項目沒問題，可是打包放到服務器後發現這個屬性丟失了。以下圖：

 

後來在網上查了一下，發現多是optimize-css-assets-webpack-plugin這個插件的問題，致使打包時這個屬性和註釋混在了一塊兒（我的猜想）,其實解決辦法很簡單，只須要在這個屬性先後加一個特殊註釋便可，以下圖：

 

 也就是說在使用「-webkit-box-orient: vertical;」須要這樣使用

/* ! autoprefixer: off */  
-webkit-box-orient: vertical; 
/* autoprefixer: on */