解決webpack打包後-webkit-box-orient: vertical ;消失問題

在前段展現中，一個很常見的問題 就是多行文本溢出顯示「...」,再是對兼容性要求不算過高的時候 使用box佈局是一種很是實用的方法

.ellipsis-2{
  overflow hidden
  text-overflow ellipsis
  display -webkit-box
  -webkit-line-clamp 2
  -webkit-box-orient vertical
}
  

可是 在vue項目中使用webpack打包以後，-webkit-box-orient vertical 這行代碼就自動消失了，

這個時候，使用下面這種方式註釋 一下就可使用了

.ellipsis-2{
  overflow hidden
  text-overflow ellipsis
  display -webkit-box
  -webkit-line-clamp 2
  /* ! autoprefixer: off */
  -webkit-box-orient vertical
  /* autoprefixer: on */
}