前言

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
      } 
    }
}),

這樣再打包就不會被刪除了