解决webpack打包后-webkit-box-orient被移除问题

本文主要是介绍解决webpack打包后-webkit-box-orient被移除问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

[产生原因] : autoprefixer自动移除老式过时的代码

[关于autoprefixer] : https://www.npmjs.com/package/autoprefixer

[解决]
方法一: 添加注释关闭autoprefixer,但是若果有清除注释的插件,请将该插件设为false,否则不生效

/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */

方法二:将autoprefixer设置为false,或者只是将移除功能关闭
autoprefixer:{remove:false}

需要注意的是cssnano里会有对autoprefixer的配置,而在使用webpack进行css压缩时有使用到optimize-css-assets-webpack-plugin插件,而这个插件实际上就是依靠cssnano来实现其功能,所以我们需要修改插件的配置(如下)

 const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')new OptimizeCSSPlugin({cssProcessorOptions: {safe: true, map: { inline: false }, autoprefixer: { remove: false }  //添加对autoprefixer的配置}})

这篇关于解决webpack打包后-webkit-box-orient被移除问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---