npm package: @startdt/browserslist-config
Description: Browserslist 可共享配置
Author: Vultur
Latest version: 1.6.0

# @startdt/browserslist-config [![dependencies](https://img.shields.io/david/startdt/next-spec?path=packages%2Fbrowserslist-config)](https://david-dm.org/startdt/next-spec?path=packages/browserslist-config)

[![open source](https://img.shields.io/badge/open%20source-❤-red)](https://next.startdt.com)
[![npm version](https://img.shields.io/npm/v/@startdt/browserslist-config)](https://www.npmjs.com/package/@startdt/browserslist-config)
[![node version](https://img.shields.io/node/v/@startdt/browserslist-config)](https://nodejs.org/zh-cn/)
[![npm peer dependency version](https://img.shields.io/npm/dependency-version/@startdt/browserslist-config/peer/browserslist)](https://github.com/browserslist/browserslist)
[![npm download](https://img.shields.io/npm/dm/@startdt/browserslist-config)](https://www.npmjs.com/package/@startdt/browserslist-config)
[![npm license](https://img.shields.io/npm/l/@startdt/browserslist-config)](https://www.npmjs.com/package/@startdt/browserslist-config)

## 如何使用

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

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

使用配置文件：

```yaml
# .browserslistrc
extends @startdt/browserslist-config
```

或者项目属性：

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

## 目标浏览器

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

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

但这并不意味着你不能使用最新的 ES6 特性，因为 Vue CLI 项目会通过 `@babel/preset-env` 和 `browserslist` 配置来决定项目需要的 polyfill（请参看：[Vue CLI  浏览器兼容性](https://cli.vuejs.org/zh/guide/browser-compatibility.html#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7)）。

### 桌面浏览器

| ![ie/edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png)</br>IE / Edge | ![firefox](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png)</br>Firefox | ![chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png)</br>Chrome | ![safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png)</br>Safari | ![opera](https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png)</br>Opera |
|-------------|-------|-------|------|-------|
| ie11, >= 12 | >= 21 | >= 23 | >= 6 | >= 15 |

### 移动端浏览器

| ![ios_saf](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png)</br>iOS | ![android](https://raw.githubusercontent.com/alrra/browser-logos/master/src/android-webview-beta/android-webview-beta_48x48.png)</br>Android | ![and-ff](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png)</br>Firefox | ![and_chr](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png)</br>Chrome | ![op_mob](https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png)</br>Opera Mobile | ![op_mini](https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera-mini/opera-mini_48x48.png)</br>Opera Mini |
|------|--------|-------|-------|--------|-----------------|
| >= 6 | >= 4.4 | >= 68 | >= 81 |  >= 46 | not op_mini all |

| ![samsung](https://raw.githubusercontent.com/alrra/browser-logos/master/src/samsung-internet/samsung-internet_48x48.png)</br>Samsung | ![and_uc](https://raw.githubusercontent.com/alrra/browser-logos/master/src/uc/uc_48x48.png)</br>UC Browser | ![and_qq](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chromium/chromium_48x48.png)</br>QQ Browser | ![baidu](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chromium/chromium_48x48.png)</br>Baidu Browser | ![kaios](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chromium/chromium_48x48.png)</br>KaiOS Browser |
|------|----------|---------|---------|--------|
| >= 4 | >= 12.12 | >= 10.4 | >= 7.12 | >= 2.5 |

## 查询列表

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