browserslist

通过命令行，查询目标浏览器集合：

npx browserslist "last 2 versions, >1%"

配置

定义需要兼容的浏览器版本，可以有三种写法：

1、写在package.json中

{
  ...
  browserslist:{
    "last 2 versions",
    "> 1%",
    "not dead",
    "not ie < 11"
  }
  ...
}

2、单独配置文件.browserslistrc

# 注释是以#号开始
# 每行一个浏览器集合描述
last 2 versions
not ie < 11

3、直接写在posscss对应插件（如autoprefixer）的属性中

// postcss.config.js
module.exports = {
    plugins: [
        require("autoprefixer")({
            overrideBrowserslist: ["last 2 versions", "> 1%"]
        })
    ]
}

常见集合配置

范围	说明
last 2 versions	最新的两个大版本
> 1%	全球使用人数超过1%的浏览器，如 > 5% in US表示在美国5%以上的用户
cover 99.5%	覆盖99.5%主流浏览器
chrome > 50 ie 9-11	指定某个版本的浏览器
not ie < 11	排除ie11 以下版本
since 2013 last 2 years	某个时间范围发布的所有浏览器版本
maintained node versions	所有被node基金会维护的node版本
current node	当前环境node版本
dead	通过last 2 versions筛选的浏览器中，全球使用率低于0.5%，且官方声明不再维护或者事实上已经两年没有再更新的版本
default	默认配置，> 0.5% last 2 versions Firefox ESR not dead

浏览器名称列表

• Android: 安卓浏览器
• Baidu: 百度浏览器
• BlackBerry/bb: 黑莓浏览器
• Chrome：Chrome浏览器
• ChromeAndroid/and_chr: chrome安卓移动浏览器
• Edge: 微软Edge浏览器
• Electron
• Explorer/ie: ie浏览器
• ExploreMobile/ie_mob: ie移动浏览器
• Firefox/ff: 火狐浏览器
• FirefoxAndroid/and_ff: 火狐安卓浏览器
• ios/ios_saf: ios Safari浏览器
• Node: nodejs
• Opera: opera浏览器
• OperaMini/op_mini: operaMini浏览器
• OperaMobile/op_mob：opera 移动浏览器；
• QQAndroid/and_qq：QQ 安卓浏览器；
• Samsung：三星浏览器；
• Safari：桌⾯版本 Safari；
• UCAndroid/and_uc：UC 安卓浏览器