背景:
用的是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