vue-cli 打包編譯 -webkit-box-orient: vertical 消失的解決辦法

今天項目第一次打包上線發現控制塊元素顯示的文本的行數的樣式沒有起做用，檢查發現是打包後

-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
      } 
    }
}),
複製代碼

［參考］(https://github.com/cssnano/cssnano/issues/357)