vue webpack 打包编译-webkit-box-orient: vertical 后消失

Posted 2020-11-05 哎哟喂勒

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue webpack 打包编译-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 }
}),

这段代码实现了css的压缩注释掉就css就没有压缩了，所以还要在utils.js中添加， minimize:true

 const cssLoader = {
    loader: \'css-loader\',
    options: {
      sourceMap: options.sourceMap,
      minimize:true 
    }
  }

　这样css还是会被压缩

以上是关于vue webpack 打包编译-webkit-box-orient: vertical 后消失的主要内容，如果未能解决你的问题，请参考以下文章