背景:
用的是webpack + autoprefixer + css-loader。
開發的時候好好的,上線以後的代碼發現-webkit-flex 被移除了,真的被移除了。css
這裏有兩個問題:webpack
1 autoprefixer新版本會默認不提供-webkit-flex. 能夠去這裏試試 https://autoprefixer.github.io/ ,並無生成 -webkit-flexgit
須要給autoprefixer配置參數。好比說要兼容iOS >= 8就在最下面的input框輸入 iOS >= 8 ,apply便可。
具體到webpack的是postcss: [autoprefixer({browsers: ['iOS >= 8', 'Android >= 4.1']}), precss]
github
2 第一步作好以後有-webkit-flex了。 可是你會發現發佈的代碼-webkit-flex被過濾了,被過濾了,被過濾了。wtf。
緣由是css-loader認爲已經 deprecated
, 就過濾了。 https://github.com/webpack/css-loader#minification
具體按照剛剛的連接配置就好,具體到webpack是loader: 'style!css?-autoprefixer!postcss!less'
web
the endapp