- browserslist简介与基本应用
- 如何配置browserslist
- browserslist配置如何作用于项目
一、browserslist简介与基本应用
1.1browserslist是什么？
browserslist是用来配置项目的目标浏览器和nodejs版本范围，也就是通常说的兼容哪些浏览器的版本。
1.2browserslist配置存在何处？
如果所有配置信息都放到了package.json中的话就在配置信息中有这样一段配置，没有的话手动配置；
{ "browserslist": ["> 1%", "last 2 versions", "not dead" ] }
如果每个配置都被放到单独的一个文件中的话，创建完成的项目根目录下就会有这样一个文件.browserslistrc，其初始内容是这样的：
> 1% last 2 versions not dead
1.3怎么查看browserslist配置兼容哪些浏览器？
在项目根目录下通过指令： npx browserslist 查询。
and_chr 84 and_ff 68 and_qq 10.4 and_uc 12.12 android 81 baidu 7.12 chrome 84 chrome 83 chrome 81 edge 84 edge 83 edge 18 firefox 78 firefox 77 ie 11 ios_saf 13.4-13.5 ios_saf 13.3 ios_saf 12.2-12.4 kaios 2.5 op_mini all op_mob 46 opera 69 opera 68 safari 13.1 safari 13 samsung 12.0 samsung 11.1-11.2