Vue项目打包后css中的-webkit-line-clamp这个属性失效

.htcon {
      margin-top: 5px;
      font-size: 13px;
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
    }

找到./build/webpack.prod.config.js 文件 注释掉已下代码，即可解决

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