package.json之browserslist

在我们用vue脚手架搭建的项目中，我们可以看到package.json中有一个字段

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]

那么什么是browserslist？它的作用是什么？这就是本文即将叙述的，如有不对的地方，请斧正。

browserlist

browserlist是一个前端项目配置工具，功能是在前端工具之间共享目标环境的浏览信息
The config to share target browsers and Node.js versions between different front-end tools.

在前端项目中，我们会用Babel来转换ES6语法，用AutoPrefixer，PostCss来处理cssNext语法，使用ESLint来保证代码质量和规范。所以在前端项目中一般会用到以下工具

• AutoPrifixer
• Babel
• postcss-preset-env
• postcss-normalize
• eslist的eslint-plugin-compat
• styleLint的stylelint-no-unsupported-browser-features

这些工具会根据配置的目标浏览器环境来决定使用那些策略来处理你的源代码。

参考文章
browserlist
browserlist