vue-cli 打包编译 -webkit-box-orient: vertical 消失的解决办法

时间 2019-11-24

标签 vue cli 打包编译 webkit box orient vertical 消失解决办法繁體版

原文原文链接

今天项目第一次打包上线发现控制块元素显示的文本的行数的样式没有起做用，检查发现是打包后css

-webkit-box-orient: vertical
复制代码

这个属性被 optimize-css-assets-webpack-plugin插件在编译时删除掉了。java

解决办法以下：

将webpack.prod.conf.js文件中关于optimize-css-assets-webpack-plugin的配置项由webpack

new OptimizeCSSPlugin({
  cssProcessorOptions: config.build.cssSourceMap
    ? { safe: true, map: { inline: false } }
    : { safe: true }
}),
复制代码

改成git

new OptimizeCSSPlugin({
  cssProcessorOptions: config.build.cssSourceMap
    ? { safe: true, map: { inline: false } }
    : { safe: true,
      autoprefixer: {
        remove: false
      } 
    }
}),
复制代码

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