vue -webkit-box-orient: vertical webpack打包后被过滤掉了 线上没有这行代码
（1）方法一：加上绿色注释，跳过webpack的css打包 （2）发放二： 1.找到配置文件/build/webpack.prod.conf.js文件，注释掉一下代码 2.在/build/utils.js文件里加上 minimize:true ...
原文：vue webkit-box-orient: vertical打包线上不显示
emmm 觉得不科学啊，写了几个vue的网站，限制超出行数省略号。结果发现放到线上，全都瓦特了。反复检查本地跑起来没错，代码没少，偏偏在线上的时候就是缺了vue webkit box orient: vertical这行命令。导致上线的样式真的是错乱，经过查找才发现，原来是webpack打包时把这个样式过滤掉了。加上这两行注释命令行就行了不会被过滤掉，亲测有效 autoprefixer: off ...
2018-08-16 11:14 1 1354 推荐指数：
相关推荐
webpack 打包编译-webkit-box-orient: vertical 后消失
打包时必须使用这种方法打包，否则打包后 -webkit-box-orient: vertical 便会消失 网上解决方案是这样的，但是我在我的项目中发现不起作用， 解决方案 optimize-css-assets-webpack-plugin这个插件的问题 注释掉 ...
vue webpack打包 -webkit-box-orient 失效
一行省略 超出两行省略 在使用webpack打包时，由于webpack会添加上前缀兼容，可能某些css属性失效。 解决方法：添加注释 注意：在css sass stylue中注释略有不同 ...
解决webpack打包后-webkit-box-orient: vertical ;消失问题
在前段展示中，一个很常见的问题 就是多行文本溢出显示“...”,再是对兼容性要求不算太高的时候 使用box布局是一种非常实用的方法 但是 在vue项目中使用webpack打包之后，-webkit-box-orient vertical 这行代码就自动消失了， 这个时候，使用下面 ...
超过两行显示省略号 -webkit-line-clamp、-webkit-box-orient vue打包后不起作用
为了实现两行显示缩略显示，但是本地是可以显示，打包后不起作用 word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical ...
-webkit-box-orient 样式无效
问题： 同事遇一问题，说代码打包后，说在文件中的样式，如： 在浏览器中没生效，审查元素也没有此样式，后经查看原来是autoprefixer的问题。 解决办法： issues： https://github.com/postcss ...
CSS 多行省略失效 (-webkit-box-orient 失效) Second Autoprefixer control comment was ignored. Autoprefixer applies control comment to whole block, not to next
webpck不能编译这个属性-webkit-box-orient: vertical https://github.com/fanyifanbumaimeng/Articles/issues/48 ...