Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.json

﹏ヽ暗。殇╰゛Y 2023-09-29 09:08 39阅读 0赞

> Replace Autoprefixer browsers option to Browserslist config.  
> Use browserslist key in package.json or .browserslistrc file.
> 
>  Using browsers option can cause errors. 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

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAUm9jLXhi_size_20_color_FFFFFF_t_70_g_se_x_16][]

## 一、报错原因 ##

[postcss][].config.js 文件中，引用的版本过高导致的。

## 二、解决办法 ##

修改postcss.config.js文件：

module.exports = {
      plugins: {
        'autoprefixer': {
          overrideBrowserslist: [
            "Android 4.1",
            "iOS 7.1",
            "Chrome > 31",
            "ff > 31",
            "ie >= 8"
          ]
        },
        'postcss-pxtorem': {
          rootValue: 37.5,
          propList: ['*']
        }
      }
    }

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAUm9jLXhi_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/b938d3ff9af145a895f5c13665e23072.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAUm9jLXhi,size_20,color_FFFFFF,t_70,g_se,x_16
[postcss]: https://so.csdn.net/so/search?q=postcss&spm=1001.2101.3001.7020