vue打包项目后使用-webkit-line-clamp: 2;这个属性不生效？

在项目中要实现多行省略，-webkit-line-clamp: 2;打包后不生效，使用下面的方法：

 word-break: break-all;

 text-overflow: ellipsis;

 display: -webkit-box;

 -webkit-box-orient: vertical;

 -webkit-line-clamp: ;

 overflow: hidden;

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

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

 new OptimizeCSSPlugin({
       cssProcessorOptions: config.build.productionSourceMap
         ? { safe: true, map: { inline: false } }
         : { safe: true }
     })