解決webpack打包後-webkit-box-orient被移除問題
阿新 • • 發佈:2019-02-13
[產生原因] : 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
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
new OptimizeCSSPlugin({
cssProcessorOptions: {
safe: true, map: { inline: false },
autoprefixer: { remove: false } //新增對autoprefixer的配置
}
})