webpack4.0核心概念（五）———— browserslist

browserslist 是在不同的前端工具之间共用目标浏览器和 node 版本的配置工具。主要是为了表示当前项目的浏览器兼容情况。

它主要被以下工具使用：

• Autoprefixer
• Babel
• post-preset-env
• eslint-plugin-compat
• stylelint-unsupported-browser-features
• postcss-normalize

 使用方式①

在package.json中设置

 使用方式②  设置成独立的配置文件

在项目 根目录下创建 .browserslistrc文件，在这个文件中配置

使用方式③  某些插件需要重新设置browserslist

在某些文件中可以覆盖以上两种的配置，例如上篇博客所说的,在使用postcss时的配置文件——postcss.config.js

直接在工程目录下运行npx browserslist 来查看你配置的筛选条件筛选出的浏览器版本范围。