@startdt/browserslist-config

如何使用

npm i browserslist @startdt/browserslist-config --save-dev

提示：在项目根目录运行 npx browserslist 命令可以查看完整的浏览器支持环境。

使用配置文件：

# .browserslistrc
extends @startdt/browserslist-config

或者项目属性：

// package.json
"browserslist": [
    "extends @startdt/browserslist-config"
]

目标浏览器

为了保证项目的可用性，覆盖更多的用户，同时获得更好的浏览体验，我们总是希望开发人员面向更多的浏览器平台和版本构建项目。由于 Vue.js 框架的特性，目标浏览器的范围最大不能超出兼容 ECMAScript 5 的浏览器：

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

但这并不意味着你不能使用最新的 ES6 特性，因为 Vue CLI 项目会通过 @babel/preset-env 和 browserslist 配置来决定项目需要的 polyfill（请参看：Vue CLI 浏览器兼容性）。

桌面浏览器

| IE / Edge | Firefox | Chrome | Safari | Opera | |-------------|-------|-------|------|-------| | ie11, >= 12 | >= 21 | >= 23 | >= 6 | >= 15 |

移动端浏览器

| iOS | Android | Firefox | Chrome | Opera Mobile | Opera Mini | |------|--------|-------|-------|--------|-----------------| | >= 6 | >= 4.4 | >= 68 | >= 81 | >= 46 | not op_mini all |

| Samsung | UC Browser | QQ Browser | Baidu Browser | KaiOS Browser | |------|----------|---------|---------|--------| | >= 4 | >= 12.12 | >= 10.4 | >= 7.12 | >= 2.5 |

查询列表

1. 查询全球使用率 > 0.5% 的浏览器版本；
2. 查询中国地区使用率 > 0% 的浏览器版本；
3. 筛选完全支持 ECMAScript 5 特性的浏览器版本；
4. 过滤官方声明不再维护或事实上已经两年没有再更新的浏览器版本；