05-Browserslist

浏览器市场占有率：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