browserslist 目标浏览器配置表插件

npm地址

简书

这个配置能够分享目标浏览器和nodejs版本在不同的前端工具。这些工具能根据目标浏览器自动来进行配置。

使用方式

==该两种方式不能共存配置，否则会影响程序启动编译错误==，推荐 package.json

  1. -package.json包管理文件下配置browserslist
    1
    2
    3
    4
    5
    6
    7
    8
    {
     "browserslist": [
        "> 1%",
        "last 2 versions", // CanIUse.com追踪的IE最新版本为11,向后兼容两个版本即为10、11
        "not ie <= 10"   // IE版本在版本10以上
     ]
    }

  2. 在根目录下创建.browserslistrc文件单独配置
    1
    2
    3
    > 1%
    last 2 versions
    not ie <= 10

    参数配置描述

例子说明
==> 1%==全球超过1%人使用的浏览器
==> 5% in US==指定国家使用率覆盖
==last 2 versions==所有浏览器兼容到最后两个版本根据CanIUse.com追踪的版本
==Firefox ESR==火狐最新版本
==Firefox > 20==指定浏览器的版本范围
==not ie <=8==方向排除部分版本
==Firefox 12.1==指定浏览器的兼容到指定版本
==unreleased versions==所有浏览器的beta测试版本
==unreleased Chrome versions==指定浏览器的测试版本
==since 2013==2013年之后发布的所有版本

配置截图

.browserslistrc文件

image

package.json文件

image