iOS flex和webpack的坑iOS8 flex需要特殊的-webkit-flex, 但webpack打包后就没有

iOS8 flex需要特殊的-webkit-flex, 但webpack打包后就没有了，如何解决呢？

solution 1.

在package.json中配置

"browserslist": ["last 2 versions","iOS >= 8"]

发现并无卵用，然后autoprefixer的作者给出了答案'Maybe webpack CSS minifier remove prefixes'，是的css-loader使用的cssnano进行了压缩

doc.webpack-china.org/loaders/css…

可以设置：

{
  loader: 'css-loader',
  options: {
    minimize: false,
  },
},

禁用压缩, 就会发现有了-webkit-flex。

solution 2.

发现了这个github.com/webpack-con… autoprefixer的作者都坐不住了, 太多人给他说这个问题了，所以他请求css-loader的作者移除autoprefixer(css-loader中的默认配置覆盖了自己设置的)，所以就有了 github.com/webpack-con…, 在v0.26.0版本中解决了这个问题所以只要安装此版本之后的就行了。

solution 3

经过测试, autoprefixer和css-loader(没remove autoprefixer的版本)共用时browserslist无效, 可以这样：

process.env.BROWSERSLIST = 'last 2 versions, iOS >= 8';

也可以解决