Autoprefixer 没有正常工作

Question

在 postcss 中使用 autoprefixer 。autoprefixer 没有正常工作。这是配置文件

这是生成的代码

期望得到

{

display: -webkit-box;
display: -webkit-flex;
display: flex;

}

谢谢

Answer 1

autoprefixer({browsers: ["ios >= 7", "android >= 4.0"]})

Answer 2

如果用的是vue-cli和webpack2的话，
可以在/build/utils.js修改如下：

var cssLoader = {
    loader: 'css-loader',
    options: {
      importLoaders: 1,
      minimize: process.env.NODE_ENV === 'production',
      sourceMap: options.sourceMap
    }
  }

Answer 3

如果项目里package.json文件，可以在里面增加

"browserslist": [
    "iOS >= 8",
    "Android > 4"
  ]