Browserslist前端工程化不可或缺的工具,无论是处理 js 的 babel 还是处理 css 的 postcss他们背后都有Browserslist 的身影。 

一、如何查看查看所有浏览器和它的市场占有率

我们如何知道现在的浏览器那些被废弃、那些市场占有率高,可以通过下面两个网站提供的数据支撑,Browserslist 也是依据此数据

caniuse-lite 和 Can I Use

二、如何配置browserslist

使用/常用配置

> 5%: 在全球用户份额大于 5% 的浏览器

last 2 versions: 所有浏览器的最新两个版本

last 2 Chrome versions: Chrome 浏览器的最新两个版本

dead: 官方不在维护已过两年比如 IE10

not dead: 官方还在维护的

更多配置可在官方文档查看https://browsersl.ist/

我们可以package.json配置或者单独新建一个.browserslistrc配置文件

package.json
"browserslist": ["last 2 version", "> 1%", "not dead"]
.browserslistrc文件
>1%
last 2 versions
not dead

配置完成子后控制台运行,就能查看筛选浏览

npx browserslist

原文地址:https://blog.csdn.net/QAEARQ/article/details/134682277

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_35730.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注