0
点赞
收藏
分享

微信扫一扫

webpack4.0核心概念(五)———— browserslist


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

它主要被以下工具使用:

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

 使用方式①

在package.json中设置

webpack4.0核心概念(五)———— browserslist_配置文件

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

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

webpack4.0核心概念(五)———— browserslist_配置文件_02

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

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

webpack4.0核心概念(五)———— browserslist_Babel_03

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

webpack4.0核心概念(五)———— browserslist_浏览器版本_04

举报

相关推荐

webpack的核心概念

(2)webpack核心概念

0 条评论