vue项目中打包编译后，CSS样式【-webkit-box-orient: vertical】打包后丢失问题

时间 2019-12-07

标签 vue 项目打包编译 css 样式 webkit box orient vertical 丢失问题栏目 CSS 繁體版

原文原文链接

最近在作vue项目的时候页面处理多行文本样式时用到了-webkit-box-orient: vertical这个属性，本地跑项目没问题，可是打包放到服务器后发现这个属性丢失了。以下图：javascript

后来在网上查了一下，发现多是optimize-css-assets-webpack-plugin这个插件的问题，致使打包时这个属性和注释混在了一块儿（我的猜想）,其实解决办法很简单，只须要在这个属性先后加一个特殊注释便可，以下图：css

也就是说在使用“-webkit-box-orient: vertical;”须要这样使用vue

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