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 ...