-webkit-line-clamp、-webkit-box-orient vue 打包部署后不起作用？？

场景分析：实际开发中，文字描述过长，需要两行或三行显示缩略显示；

实现过程：

实现过程遇到的问题：打包到线上后发现并没有-webkit-box-orient属性，导致省略号并没有按预期展示；

解决方法：

①.autoprefixer 只自动添加 webkit ，其他的不加；如下：

②.通过 npm 

1).安装依赖这个依赖：npm i -S optimize-css-assets-webpack-plugin；

2).并且注释掉 webpack.prod.conf.js 中的一段代码：

综上所述，本人更推荐第二种方法，因为只要修改配置就好了，第一种方法还要每个地方都要写 autoprefixer；