前端 - browserslist 的 not dead 规则是什么

一、browserslist 什么
用于指定浏览器范围。你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。

参考链接：https://cli.vuejs.org/zh/guide/browser-compatibility.html

二、not dead 规则是什么
原文：browsers without official support or updates for 24 months. Right now it is IE 11, IE_Mob 11, BlackBerry 10, BlackBerry 7, Samsung 4, OperaMobile 12.1 and all versions of Baidu.
机翻：24个月没有官方支持或更新的浏览器。目前它是IE 11，IE_Mob 11，黑莓10，黑莓7，三星4，OperaMobile 12.1和百度的所有版本。

参考链接：https://github.com/browserslist/browserslist

三、我遇到的打包问题
"browserslist": [
"> 1%",
"last 2 versions",
"not dead",
"not ie < 10"
]
1
2
3
4
5
6
1. 问题描述：
如果你的项目要兼容IE，但你的browserslist规则是这样的，那么打包的就会有个提示：All browser targets in the browserslist configuration have supported ES module.Therefore we don't build two separate bundles for differential loading.那么这里就不会打包兼容IE的代码。

2. 原因分析：
以上规则里已经没有IE了，那是因为 browserslist 项目在2022年6月21日提交了:Mark Internet Explorer as dead (#701) 链接，将Internet Explorer标记为已死。

3. 解决方案：
去掉"not dead"规则

 

原文链接：https://blog.csdn.net/weixin_44765667/article/details/125449194