浏览器市场占有率：https://caniuse.com/usage-table。
如何css兼容性和js兼容性下共享我们配置的兼容性条件？
就是当我们设置了一个条件：> 1%；我们表达的意思是css要兼容市场占有率大于1%的浏览器，js也要兼容市场占有率大于1%的浏览器；如果我们是通过工具来达到这种兼容性的，比如后面我们会讲到的postcss-prest-env、babel、autoprefixer等如何可以让他们共享我们的配置呢？Browserslist是一个在不同的前端工具之间，共享目标浏览器和Node.js版本的配置。
Browserslist编写规则
- defaults：Browserslist的默认浏览器（> 0.5%, last 2 versions, Firefox ESR, not dead）
- 5%：通过全局使用情况统计信息选择的浏览器版本。 >=，<和<=工作过。
- 5% in US：使用美国使用情况统计信息。它接受两个字母的国家/地区代码。
- > 5% in alt-AS：使用亚洲地区使用情况统计信息。有关所有区域代码的列表，请参见caniuse-lite/data/regions
- > 5% in my stats：使用自定义用法数据。
- > 5% in browserslist-config-mycompany stats：使用 来自的自定义使用情况数据browserslist-config-mycompany/browserslist-stats.json。 p cover 99.5%：提供覆盖率的最受欢迎的浏览器。
- cover 99.5% in US：与上述相同，但国家/地区代码由两个字母组成。
- cover 99.5% in my stats：使用自定义用法数据。
- dead：24个月内没有官方支持或更新的浏览器。现在是IE 10，IE_Mob 11，BlackBerry 10，BlackBerry 7， Samsung 4和OperaMobile 12.1
- last 2 versions：每个浏览器的最后2个版本。
- node 10和node 10.4：选择最新的Node.js10.x.x 或10.4.x版本。
配置browserslist的两种方式
-
在packag.json中配置
"browserslist": [">1%","last 2 version","not dead"] -
.browserslistrc文件
> 1% last 2 version not dead
本文链接：https://my.lmcjl.com/post/8246.html
展开阅读全文
4 评论