webpack打包自动移除老式样式

[产生原因] : 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)