Is it possible that webpck cannot compile this property-webkit-box-orient: vertical

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

these attributes are used to deal with multi-line text overflow, but now after webpack compilation,
-webkit-box-orient: vertical checks that the element style does not have this attribute, and
has several other attributes. Now only put this attribute into the inline style. I use scss,
to ask the expert what the reason is.

Jun.29,2021

the solution is as follows

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

will still be deleted in less. After looking for the reason for a long time, I found that it needs to be changed to this
/ *! Autoprefixer: off * /
-webkit-box-orient: vertical;
/ * autoprefixer: on * /


optimize-css-assets-webpack-plugin problems with this plug-in

comment out the following code

in webpack.prod.conf.js
  

Update webpack

Menu