[ -webkit-box-orient: vertical ] 打包后丢失问题

解决方案：

1.给丢失样式前后加上：

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

2. optimize-css-assets-webpack-plugin 从这个插件的问题源头解决

注释掉webpack.prod.conf.js中下面的代码

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

这段代码实现了css的压缩 注释后css就没有压缩，所以 还要在utils.js中添加，  minimize:true 

const cssLoader = {
   loader: 'css-loader',
   options: {
     sourceMap: options.sourceMap,
     minimize:true
   }
 }

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

即可解决问题