近期在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。
然后把上面那段注释掉再次打包,样式就可以生效了。