less文件 -webkit-box-orient: vertical; 樣式打包後消失問題

平常踩坑：今天開發的時候發現了一個問題，在實現css 顯示3行且超出3行時結尾顯示省略號這個小小的需求時， 寫完代碼本地調試沒有問題，而後就webpack打包發佈到測試環境， 可是去到測試環境一看， 內容顯示超出了3行，並無截斷和顯示省略號， 檢查樣式發現-webkit-box-orient: vertical; 這個樣式不見了， 一臉懵逼。 後來發現原來是autoprefixer搞的鬼。

解決方法： 在-webkit-box-orient: vertical; 先後加上以下注釋跳過編譯便可

/*! autoprefixer: off */

-webkit-box-orient: vertical;

/*! autoprefixer: on */