@startdt/browserslist-config

Browserslist 可共享配置

Usage no npm install needed!

<script type="module">
  import startdtBrowserslistConfig from 'https://cdn.skypack.dev/@startdt/browserslist-config';
</script>

README

@startdt/browserslist-config dependencies

open source npm version node version npm peer dependency version npm download npm license

如何使用

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
IE / Edge		 firefox
Firefox		 chrome
Chrome		 safari
Safari		 opera
Opera
ie11, >= 12 >= 21 >= 23 >= 6 >= 15

移动端浏览器

ios_saf
iOS		 android
Android		 and-ff
Firefox		 and_chr
Chrome		 op_mob
Opera Mobile		 op_mini
Opera Mini
>= 6 >= 4.4 >= 68 >= 81 >= 46 not op_mini all
samsung
Samsung		 and_uc
UC Browser		 and_qq
QQ Browser		 baidu
Baidu Browser		 kaios
KaiOS Browser
>= 4 >= 12.12 >= 10.4 >= 7.12 >= 2.5

查询列表

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