日常踩坑:今天开发的时候发现了一个问题,在实现css 显示3行且超出3行时结尾显示省略号这个小小的需求时, 写完代码本地调试没有问题,然后就webpack打包发布到测试环境, 但是去到测试环境一看, 内容显示超出了3行,并没有截断和显示省略号, 检查样式发现-webkit-box-orient: vertical; 这个样式不见了, 一脸懵逼。 后来发现原来是autoprefixer搞的鬼。

解决方法: 在-webkit-box-orient: vertical; 前后加上如下注释跳过编译即可

/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */