1. 程式人生 > >webpack 打包編譯-webkit-box-orient: vertical 後消失

webpack 打包編譯-webkit-box-orient: vertical 後消失

webpack 打包編譯-webkit-box-orient: vertical 後消失

/* autoprefixer: off */
  -webkit-box-orient: vertical; // 參考 https://github.com/postcss/autoprefixer/issues/776
  /* autoprefixer: on */

打包時必須使用這種方法打包,否則打包後  -webkit-box-orient: vertical 便會消失

網上解決方案是這樣的,但是我在我的專案中發現不起作用,

解決方案

optimize-css-assets-webpack-plugin

這個外掛的問題

註釋掉webpack.prod.conf.js中下面的程式碼

 
new OptimizeCSSPlugin({
  cssProcessorOptions: config.build.productionSourceMap
    ? { safe: true, map: { inline: false } } : { safe: true } }),

參考    https://github.com/ben-eb/cssnano/issues/357

    https://www.jianshu.com/p/13a30596b76c?from=androidqq