专栏首页finleyMa说下browserslist

说下browserslist

browserslist 是一个开源项目 见到有些package.json里会有如下的配置参数

 "browserslist": [
    "> 1%",
    "last 2 versions",
    "Android >= 3.2", 
    "Firefox >= 20", 
    "iOS 7"
  ]

应该不难猜出来,这代表这个项目的浏览器兼容情况。 白话就是我这个项目兼容绝大多数的,最新的和iOS7系统下的浏览器。不兼容Android 3.2系统以下和Firefox20以下的浏览器 像这些" > 1%", "last 2 versions" 都是查询参数。 查询参数很强大,比如我想查看中国人使用浏览器的情况请输入 > 1% in CN。竟然还有IE8 >_<。对比美国> 1% in US的。 具体参数列表见官方文档

那配这个除了说明我的项目支持情况,对开发有啥作用呢?

具体的影响到前端工具的编译情况,比如 Autoprefixer 可以给css加兼容性前缀 babel-preset-env , eslint-plugin-compat, stylelint-no-unsupported-browser-features 和 postcss-normalize 比如.babelrc文件你可以针对配置

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["last 2 versions"],
        "node": "current"
      },
    }]
  ]
}

20170928175559.png

更进一步根据浏览器可以获得特性,比如最新的chrome浏览器支持原生的promise,而IE不支持,babel根据browserslist配置项就会动态的转义。不用在一个个进行配置了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • RxJS 学习系列 15. Subject 示例

    Subject 实际上就是 Observer Pattern 的实现,他会在内部管理一份 observer 的清单,并在接收到值时遍历这份清单并送出值,所以我们...

    mafeifan
  • RxJS 学习系列 11. 合并操作符 concat, merge, concatAll

    这节讲非常重要同时非常容易混淆的合并操作符,从名字上次都是合并,但是区别还是蛮大的,我会尽量结合Marble Diagram(弹珠图)解释清楚。

    mafeifan
  • Jenkins2 学习系列11 -- 参数化构建

    有些项目的构建需要动态的传入一些参数,比如需要用户输入一些内容,或者上传一个文件,或者为一些配置打钩,作为不同的参数,当构建时这些参数作为环境变量来影响具体的构...

    mafeifan
  • 猿人进化系列1——换个姿势上网先

    从一个正常人类进化为一只程序猿,最常规的途径是经过几年的系统学习,成本较高,且枯燥无趣,过去一段时间,有一些初学者在问,有没有快点儿的的办法,工厂君思索良久,决...

    山旮旯的胖子
  • 90%的程序员都没有完全回答对 Cookie 和 Session 的区别?

    我在做面试官的时候,曾经问过很多朋友这个问题: Cookie 和 Session 有什么区别呢?大部分的面试者应该都可以说上一两句,比如:什么是 Cookie?...

    纯洁的微笑
  • post和get的区别,面试经常被问到!(二)

    Mshu
  • javascript简介,什么是 JavaScript?,JS的特征,开发环境

    当 Netscape Navigator 崭露头角时,Nombas 开发了一个可以嵌入网页中的 CEnvi 的版本。这些早期的试验被称为 Espresso Pa...

    小小鱼儿小小林
  • 临近年关,修复ASP.NET Core因浏览器内核版本引发的单点登录故障

    经过测试, 出现单点登陆故障的是搜狗、360等双核浏览器(默认使用Chrome内核), 较新式的Edge、Chrome、Firefox均未出现此障碍。

    小码甲
  • 网络通信

    1.他是一个网络通信的工具,调用操作系统内核 创建的时候,可以选择tcp通讯,“三次握手,四次挥手”,也可以选择udp通信,一次通信

    DC童生
  • 谷歌否认通过YouTube代码来破坏微软Edge浏览器

    此前一名微软Edge浏览器工程师表示谷歌在Youtube添加了代码以故意破坏Edge浏览器的兼容性,对此谷歌表示否认。

    Zip

扫码关注云+社区

领取腾讯云代金券