vue+Vant项目适配rem，配置 autoprefixer 时报错问题

用vue + vant搭建一个移动端项目的时候遇到这个报错：

Replace Autoprefixer browsers option to Browserslist config.

  Use browserslist key in package.json or .browserslistrc file.

  Using browsers option cause some error. Browserslist config

  can be used for Babel, Autoprefixer, postcss-normalize and other tools.

  If you really need to use option, rename it to overrideBrowserslist.

  Learn more at:

  https://github.com/browserslist/browserslist#readme

  https://twitter.com/browserslist

报错截图

我是完全按照官方推荐的rem适配方式来的，如图：（地址：https://youzan.github.io/vant/#/zh-CN/quickstart#postcss-pei-zhi）

1:、下载下图中两个插件

2、在根目录下新建文件postcss.config.js，文件内容就是下图中的postcss配置（在这里我运行报错了，就是上面说的那个错）。

vant官方文档截图

3、解决报错：参考网上各路大神的指示，将配置代码改成：

module.exports = {

  plugins: {

    'autoprefixer': {

      overrideBrowserslist: [

        "Android 4.1",

        "iOS 7.1",

        "Chrome > 31",

        "ff > 31",

        "ie >= 8"

      ]

    },

    'postcss-pxtorem': {

      rootValue: 37.5,

      propList: ['*']

    }

  }

}

附上参考的两位大佬文章的链接：

https://www.jianshu.com/p/2f5c10c02b59

https://blog.csdn.net/qq_37942845/article/details/95047372