66 lines
2.7 KiB
Markdown
66 lines
2.7 KiB
Markdown
|
# Browserslist
|
|||
|
|
|
|||
|
|
<img width="120" height="120" alt="Browserslist logo by Anton Popov"
|
|||
|
|
src="https://browsersl.ist/logo.svg" align="right">
|
|||
|
|
|
|||
|
|
The config to share target browsers and Node.js versions between different
|
|||
|
|
front-end tools. It is used in:
|
|||
|
|
|
|||
|
|
* [Autoprefixer]
|
|||
|
|
* [Babel]
|
|||
|
|
* [postcss-preset-env]
|
|||
|
|
* [eslint-plugin-compat]
|
|||
|
|
* [stylelint-no-unsupported-browser-features]
|
|||
|
|
* [postcss-normalize]
|
|||
|
|
* [obsolete-webpack-plugin]
|
|||
|
|
|
|||
|
|
All tools will find target browsers automatically,
|
|||
|
|
when you add the following to `package.json`:
|
|||
|
|
|
|||
|
|
```json
|
|||
|
|
"browserslist": [
|
|||
|
|
"defaults and fully supports es6-module",
|
|||
|
|
"maintained node versions"
|
|||
|
|
]
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Or in `.browserslistrc` config:
|
|||
|
|
|
|||
|
|
```yaml
|
|||
|
|
# Browsers that we support
|
|||
|
|
|
|||
|
|
defaults and fully supports es6-module
|
|||
|
|
maintained node versions
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Developers set their version lists using queries like `last 2 versions`
|
|||
|
|
to be free from updating versions manually.
|
|||
|
|
Browserslist will use [`caniuse-lite`] with [Can I Use] data for this queries.
|
|||
|
|
|
|||
|
|
You can check how config works at our playground: [`browsersl.ist`](https://browsersl.ist/)
|
|||
|
|
|
|||
|
|
<a href="https://browsersl.ist/">
|
|||
|
|
<img src="/img/screenshot.webp" alt="browsersl.ist website">
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<br>
|
|||
|
|
<br>
|
|||
|
|
<div align="center">
|
|||
|
|
<a href="https://evilmartians.com/?utm_source=browserslist"><img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="236" height="54"></a> <a href="https://cube.dev/?ref=eco-browserslist-github"><img src="https://user-images.githubusercontent.com/986756/154330861-d79ab8ec-aacb-4af8-9e17-1b28f1eccb01.svg" alt="Supported by Cube" width="227" height="46"></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
[stylelint-no-unsupported-browser-features]: https://github.com/ismay/stylelint-no-unsupported-browser-features
|
|||
|
|
[obsolete-webpack-plugin]: https://github.com/ElemeFE/obsolete-webpack-plugin
|
|||
|
|
[eslint-plugin-compat]: https://github.com/amilajack/eslint-plugin-compat
|
|||
|
|
[Browserslist Example]: https://github.com/browserslist/browserslist-example
|
|||
|
|
[postcss-preset-env]: https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env
|
|||
|
|
[postcss-normalize]: https://github.com/csstools/postcss-normalize
|
|||
|
|
[`browsersl.ist`]: https://browsersl.ist/
|
|||
|
|
[`caniuse-lite`]: https://github.com/ben-eb/caniuse-lite
|
|||
|
|
[Autoprefixer]: https://github.com/postcss/autoprefixer
|
|||
|
|
[Can I Use]: https://caniuse.com/
|
|||
|
|
[Babel]: https://github.com/babel/babel/tree/master/packages/babel-preset-env
|
|||
|
|
|
|||
|
|
## Docs
|
|||
|
|
Read full docs **[here](https://github.com/browserslist/browserslist#readme)**.
|