前言
github有人就此问题提问了, 也有了解决办法, https://github.com/cssnano/cssnano/issues/357, 具体怎么做,我这里做一下记录
正文
原因:
-webkit-box-orient: vertical 这个属性被 optimize-css-assets-webpack-plugin插件在编译时删除掉了
解决办法如下:
将webpack.prod.conf.js文件中关于optimize-css-assets-webpack-plugin的配置项由
new OptimizeCSSPlugin({ cssProcessorOptions: config.build.cssSourceMap ? { safe: true, map: { inline: false } } : { safe: true } }),
改为
new OptimizeCSSPlugin({ cssProcessorOptions: config.build.cssSourceMap ? { safe: true, map: { inline: false } } : { safe: true, autoprefixer: { remove: false } } }),
这样再打包就不会被删除了