webpck是不是不能编译这个属性-webkit-box-orient: vertical

Question

 // -webkit-box-orient: vertical!important;
overflow: hidden;
-webkit-line-clamp: 2;
height: .72rem;
line-height: .36rem;
display: -webkit-box;

这几个属性是用来处理多行文本溢出的，但是现在webpack编译以后，
-webkit-box-orient: vertical检查元素样式并没有这个属性，
其他的几个属性都有，现在只有把这个属性放入内联样式才行，我用的是scss，
希望高手回答一下是什么原因。

Answer 1

解决方案如下

 /* autoprefixer: off */
  -webkit-box-orient: vertical; // 参考 https://github.com/postcss/autoprefixer/issues/776
  /* autoprefixer: on */

Answer 2

在less 里面还是会删除，找了半天原因，发现 需要改成这样
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */

Answer 3

optimize-css-assets-webpack-plugin这个插件的问题

注释掉webpack.prod.conf.js中下面的代码

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

参考
https://github.com/ben-eb/css...

Answer 4

将样式写在标签的style里面 style="-webkit-box-orient: vertical;"，这样打包后就可以了

Answer 5

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

注意上面第一行注释 /* 后面
要带叹号，要带叹号，要带叹号

Answer 6

我也碰到这个问题了，好坑啊

Answer 7

如 bylh所说，样式代码改成下面这样就可以了。

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

Answer 8

为什么我这样写还是不行额

Answer 9

// eslint-disable-next-line
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */

需要这样写，不写第一句就会报错

Answer 10

学习了。比较有用

Answer 11

开始试了一楼的方法，但是不知道在我这里为什么还是不起作用。然后试了2楼的方法，然后重新打包，就起作用了。但是~还是感觉有点困惑，为什么会这样。

Answer 12

1楼的这样写后编译没问题，但是打包后 还是不见了，二楼的 我都没有装这个插件

Answer 13

更新一下webpack

Answer 14

你可以参考楼上给的这个链接