vue项目中多行省略

近期在vue-cli项目中，打包之后发现多行省略失效，审查之后发现样式中少了一条

-webkit-box-orient: vertical;

但是在我打包之前样式中，这一条确实存在。

经过查找，发现在 webpack.prod.conf.js 中有这样一段

// Compress extracted CSS. We are using this plugin so that possible
// duplicated CSS from different components can be deduped.
   new OptimizeCSSPlugin({
      cssProcessorOptions: config.build.productionSourceMap
        ? { safe: true, map: { inline: false } }
        : { safe: true }
   }),

可能是因为我在项目中引入了mui的样式，然后超出隐藏的样式又是我自己单独写的，造成了这个bug。

然后把上面那段注释掉再次打包，样式就可以生效了。