首页 > 其他分享 >前端 - browserslist 的 not dead 规则是什么

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

时间:2022-08-16 17:56:28浏览次数:92  
标签:11 browserslist 浏览器 前端 dead 规则 IE

一、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

标签:11,browserslist,浏览器,前端,dead,规则,IE
From: https://www.cnblogs.com/ygyy/p/16592401.html

相关文章

  • javascript实现前端sleep
    一、定义//第一种,使用while循环functionsleep(delay){varstart=(newDate()).getTime();while((newDate()).getTime()-start<delay){con......
  • 前端常用布局方式大全——细致讲解
    盒模型点击打开视频教程标准盒模型、怪异盒模型(IE盒模型)什么是盒模型?盒模型的作用:规定了网页元素如何显示以及元素间的相互关系盒模型的概念:盒模型是css布局的基石,它......
  • 前端监控系列2 |聊聊 JS 错误监控那些事儿
    作者:彭莉,火山引擎APM研发工程师。2020年加入字节,负责前端监控SDK的开发维护、平台数据消费的探索和落地。有必要针对JS错误做监控吗?我们可以先假设不对JS错误......
  • VUE+Django前后端分离-第四部分【后台数据如何展示在前端table表格中】
    一、后端返回数据后端返回的数据格式如下:{"msg":"success","data":[{"rule":1,"result":"exception",......
  • 前端必备的 HTTP 知识
    HTTP起源HTTP是由蒂姆·伯纳斯-李(TimBerners—Lee)于1989年在欧洲核子研究组织(CERN)所发起其中最著名的是1999年6月公布的RFC2616,定义了HTTP协议中现今广泛使用......
  • [jQuery]前端响应思路,以及jQuery的on和off
    今天测试提出在前端有个地方有个buttom事件没有绑定上的问题。做一个简单的回顾。 测试之前我的设计思路是:前端先给服务器发请求,请求成功则按钮绑定事件success,请求失......
  • Web前端和UI前端之间有哪些区别
    许多人无法区分用户界面前端和网络前端的区别,认为他们做同样的工作。因此,今天的爱创课堂将详细讨论两者的区别:Web前端开发对网站而言,前端即是网站的前端,它包括表现层和......
  • 日常开发记录-当新手前端遇到新手后端,分页没有页码
     后端提供的接口获取到数据list,但是后台管理系统的分页没有【页码数】和【前往“”页】,可能是后端没有把pageSize和pageIndex以及total返回给前端。......
  • 前端好用API之MutationObserver
    前情一直以来都没有好的方式可以监听元素变化,Mutationevents虽然可以监听DOM树结构变化,但是因性能问题和差的兼容问题(Webkit内核不支持)并不推荐使用。MutationObserver......
  • 前端学习第65天
    5.内置构造函数在JavaScript中最主要的数据类型有6种:基本数据类型:字符串、数值、布尔、undefined、null引用类型:对象字符串。数值、布尔等基本数据类型也都有专门......