本文介绍了前端开发中的browserslist工具，用于处理浏览器兼容性问题。通过配置规则，该工具可以帮助postcss和babel针对不同浏览器进行CSS和JS的兼容性编译。文章详细阐述了browserslist的快速使用，包括查询兼容性、设置兼容性规则、查看目标浏览器，以及配置方式。同时，还探讨了其与caniuse-lite的关系和在编译过程中的作用。
前端 | 浅析 browserslist 工具
介绍
browserslist 配置能够分享目标浏览器和 nodejs 版本在不同的前端工具。主要是为了表示当前项目的浏览器兼容情况
快速使用
查询兼容性
不同浏览器对于 css / js 的属性可能存在兼容性，具体可以通过 can i use 这个网站查询。
比如 css 中的 user-select 属性，用于规定是否可以在浏览器上双击选取或者高亮，在 ie 6-9 中不可以使用，在 ie10-11 中需要添加 -ms- 前缀。
也就是说，为了多浏览器兼容性处理，css代码可能要写成这样
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select
最低0.47元/天 解锁文章
扫一扫
1711
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
