@startdt/browserslist-config

@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. 过滤官方声明不再维护或事实上已经两年没有再更新的浏览器版本；