解決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 */
}