1. 程式人生 > >解決webpack打包後-webkit-box-orient被移除問題

解決webpack打包後-webkit-box-orient被移除問題

[產生原因] : 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的配置

    }
 })