随着前端技术的不断发展，我们所使用的浏览器也不断更新。这意味着我们需要考虑在不同的浏览器中的兼容性问题。而现在，大多数前端工具都支持控制浏览器兼容性的范围，其中一个重要的工具是 browserslist。
browserslist 是一款能够根据指定的查询规则来确定要支持的浏览器范围的工具。它可以用于许多前端工具，例如 Autoprefixer、babel、postcss、rollup 等。这个工具本身不是很方便使用，但是 browserslist-cli 包提供了一种更方便的命令行接口。
在本文中，我们将重点介绍如何使用 browserslist-cli 包，以及它如何与其他工具集成。
安装
在使用 browserslist 前，首先需要安装它。在本教程中，我们将使用 npm 包管理器来安装它。
--- ------- -- ----------------
命令行选项 -g 表示全局安装，这意味着你能够在命令行的任何位置使用 browserslist-cli 命令。
使用
browserslist-cli 利用了 browserslist 包的强大功能，同时提供了一种方便的命令行接口。
如果你想知道在你的项目中应支持哪些浏览器，你可以尝试以下命令：
------------
默认情况下，这个命令会使用 browserslist 在 package.json 中找到的查询规则。
你也可以指定一个查询规则，例如：
------------ -- --- --- -- --- --- -----
这个规则表示支持比全球使用量超过 1% 的浏览器（不包括 IE11），但不支持已经淘汰的浏览器。
如果你需要查看所有可用的查询规则，你可以使用以下命令：
------------ ------
对于大多数开发者来说，查询规则都非常晦涩难懂。所幸的是，还有一种方便的方法来管理你需要支持的浏览器：.browserslistrc。
.browserslistrc 是一个包含查询规则的文件。它应该放置在项目的根目录下，并具有以下格式：
- -- --- -- -- --- ----
现在，如果你想要查看被 .browserslistrc 文件指定的浏览器范围，你只需要输入以下命令：
------------ ------------------------
假设你想要使用某个特定的查询规则并将其写入文件中，你可以运行以下命令：
------------ -- --- --- -- --- --- ----- ----------------------------
这个命令会将这个查询规则写入一个名为 browserslist-custom 的文件中。现在，你可以在其他工具中使用这个查询规则，例如 Autoprefixer、postcss 和 babel。
结论
browserslist 是一款非常有用的工具，但是它的命令行接口不太好用。幸运的是，browserslist-cli 包提供了一种更好的命令行接口，使得与其他工具集成变得简单。
在本文中，我们介绍了如何安装和使用 browserslist-cli 包，以及如何管理浏览器兼容性。尽管这个工具并不复杂，但它确实可以帮助你更好地控制你的项目的浏览器兼容性范围。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c89ccdc64669dde514f