BrowserList是一个前端项目配置工具,功能是在前端工具之间共享目标环境的浏览器信息。
因为在现代前端项目中,我们会使用babel来转换ES6代码、使用AutoPrefixer,PostCSS来转换cssNext语法、使用ESlint来保证代码质量和规范,所以一般在前端项目中会使用下面常用的工具:
Babel
postcss-preset-env
postcss-normalize
ESlint的eslint-plugin-compat
Stylelint的stylelint-no-unsupported-browser-features
这些工具会根据配置的目标浏览器环境来决定使用那些策略来处理你的源代码
package.json中browserlist就是为了统一项目中的目标浏览器环境信息。
其中配置信息都代表什么意思呢
last 1 version 支持各类浏览器最近的一个版本, 1是可变的
last 2 version 支持各类浏览器最近的两个版本
> 1% 支持市场份额大于1%的浏览器
not dead 对dead条件取反,dead条件的认定是:最新的两个版本市场份额已经低于0.5%并且24个月内没有任何官方支持和更新了
网友评论