CSS-webpack打包后-webkit-box-orient:vertical;消失了

[TOC]

多行超出添加省略号的css代码：

display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 3; 
overflow: hidden;

vue项目中经过webpack打包后，发现样式没有生效，在浏览器调试模式下，发现-webkit-box-orient: vertical;该属性消失了。

参考segmentfault上的一个问答（原文），原来是webpack打包的问题，详情见该issues（https://github.com/postcss/autoprefixer/issues/776）。

在sass样式代码中，添加一个webpack注释，关掉某行的自动添加css前缀。

display: -webkit-box;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;