Vue -- webpack打包vue项目，发现“多行超出显示省略号”失效。-webkit-box-orient:vertical;样式被移除？

今天对vue项目进行打包，并在腾讯云上部署后，发现“多行超出显示省略号”无效，查看样式时发现-webkit-box-orient:vertical;被移除了？

然后在上网找到了原因和相应解决方案。

原因：autoprefixer会自动移除老式过时的代码

相应解决方案：

如下，添加注释关闭autoprefixer，重点是那两行注释，不可去掉。

div{
    overflow:hidden; 
    text-overflow:ellipsis; 
    display:-webkit-box; 
    /*! autoprefixer: off */
    -webkit-box-orient:vertical; 
    /* autoprefixer: on */
    -webkit-line-clamp:2; 
}

注意，第一个注释有个感叹号“!”，不能去掉，否则没有效果。