VUE -webkit-box-orient: vertical打包放到线上不显示

先说明问题是什么，出现的状况是 

-webkit-box-orient: vertical 这个属性在本地运行是存在的，但是打包后放到线上这个属性消失了；

问题出现原因：打包时这个属性和注释混在了一起（个人猜测）

解决办法：下面每种都可解决，根据个人需求随意挑选

1.直接在行内加 -webkit-box-orient: vertical（虽然管用但是我的项目需要添加的这个太多了，所以我选择了第二种）

2.在我们的webpack.config.js文件中，找到 new webpack.optimize.UglifyJsPlugin，在里面添加一条 mangle:false，这个的意思是删除注释。这样打包时就注释和这行代码就不会连在一起了

3.把这句代码前后都加注释，如下

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

4.找到webpack.prod.conf.js，并将如下代码注释

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

 

打个广告：淘宝天猫内部优惠群，加我微信拉你进群18801014156