Webpack编译-webkit-box-orient的问题

发表于 | 分类于

webpack autoprefixer 在编译一些非标准 css 属性的时候可能会删除该属性。如：

1
2
3
4
5
height: 0.72rem;
overflow: hidden;
display: -webkit-box;
line-height: 0.36rem;
-webkit-line-clamp: 2;

编译后发现-webkit-box-orient: vertical;丢失了。

解决方法就是加上autoprefixer: off关闭 autoprefixer，如：

1
2
3
4
5
6
7
height: 0.72rem;
overflow: hidden;
display: -webkit-box;
line-height: 0.36rem;
/* autoprefixer: off  */
-webkit-line-clamp: 2;
/* autoprefixer: on  */

[越努力，越幸运！]