首页 > 其他分享 >【原理揭秘】Vite 是怎么兼容老旧浏览器的?你以为仅仅依靠 Babel?

【原理揭秘】Vite 是怎么兼容老旧浏览器的?你以为仅仅依靠 Babel?

时间:2023-04-03 10:09:14浏览次数:53  
标签:浏览器 Babel 兼容 webpack legacy 构建 Vite

作者:京东科技 孙凯

一、前言

【原理揭秘】Vite 是怎么兼容老旧浏览器的?你以为仅仅依靠 Babel?_京东云

对前端开发者来说,Vite 应该不算陌生了,它是一款基于 nobundle 和 bundleless 思想诞生的前端开发与构建工具,官网对它的概括和期待只有一句话:“下一代的前端工具链”。

Vite 最早的版本由尤雨溪发布于3年前,经历了3年多的发展,Vite 也已逐渐迭代成熟,它的稳定性、扩展性、周边生态足以在生产环境中支撑各种业务场景的落地。但是关于Vite的优劣势分析我们就戛然而止,不在深入展开了,这不是本文的重点。

本文的重点在于探究 Vite 如何实现兼容低版本浏览器,这一切还得从那个阳光明媚的午后说起

标签:浏览器,Babel,兼容,webpack,legacy,构建,Vite
From: https://blog.51cto.com/u_15714439/6165542

相关文章

  • 《前端构建工具(webpack&vite)- 李立超》笔记
    1.构建工具简介1.1模块化最初我们都使用script标签来引入js,但当一个页面引入的js文件越来越多时,就产生了几个难以避免的问题:全局变量污染。变量重名。js之间的依赖关系复杂,无法保证顺序。而模块化规范就是为解决以上问题,模块内部的变量实现了在其他模块内共享。而且可以......
  • 2·1浏览器背后的故事、2·2HTTP协议的前世今生、2·3透过TCPIP看HTTP、2·4DNS域名解
    浏览器背后的故事Http·超文本传输协议(HTTP)是一种通信协议它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器·HTTP是一个属于应用层的面向对象的协议由于其简捷快速的方式,适用于分布式超媒体信息系统它于1990年提出经过几年的使用与......
  • 浏览器背后的故事&HTTP的前世今生
    浏览器背后的故事HTTP:超文本传输协议(HTTP)是一种通信协议,它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统,它于1990年提出,经过几年的使用与发展,得到不断地完善......
  • 获取浏览器窗口尺寸及监听浏览器变化
    原JS获取:窗口可视高度:window.innerWidth窗口可视宽度:window.innerHeight窗口文档高度:document.body.clientWidth窗口文档宽度:document.body.clientHeightJQuery获取:窗口可视高度:$(window).height()窗口文档高度:$(window).height()窗口body高度:$(document.body).height()窗口文......
  • 谷歌Chrome浏览器内直接打开编辑保存Office Word、Excel、PPT 文档,可离线部署!
    谷歌Chrome经过开发团队不断优化,凭借运行界面简单,打开速度最快及扩展插件众多,Chrome已经成为了世界上最受欢迎的浏览器。不过有一点非常可惜,由于微软Office不是开源程序,所以Chrome一直无法直接打开微软Office文档。虽然后来有一些国内厂商通过调用微软免费开源的ActiveX控件DsoFr......
  • 解决videojs 在Chrome浏览器下报:A network error caused the media download to fail
    记录一下videoJS在Chrome浏览器下有时候出现播放一半或者回退的一个恶心bug,错误提示如下:Anetworkerrorcausedthemediadownloadtofailpart-way.经过一下午的折腾查找,终于在GitHub上看到他们官方的一个解决方案,这个方案目前没有更新在官方文档最新版本中,只是随便提了一下......
  • vue3 - 在单独的项目制作自定义组件插件,支持vite【前提不要使用webpack专属语法】
    1.背景与vue2组件不一样,没有那么随意,如果想要支持vite,那么不要使用webpack专属语法,如defide和 require等2.解决在 package.json文件属性  main配置为插件入口文件位置,至于是js还是ts随意 目录  简单做了个组件  入口文件内容如下importComponentf......
  • Missing e浏览器扩展功能或引起数据丢失、隐私暴露等问题
    “Missinge”是一项为Tumblr用户提供大量浏览器扩展功能的第三方服务,当下颇为流行,报告称有25.8408万用户。据国外媒体报道,一个名为Derek的用户今天登陆Tumblr时,“迎接”他的是一个横躺在桌面的大型弹出框:在该弹出框中,Tumblr公司表示虽然喜欢开发者为其网站提供附加体验,但......
  • vue3+vite+ts 配置@时vscode报找不到__dirname的问题
    vue3+vite+ts配置@时vscode报找不到__dirname的问题-CSDN博客  原因:path模块是node.js的内置模块,而node.js默认不支持ts文件的解决:安装@type/node依赖包 npminstall@types/node--save-dev......
  • 超好用的浏览器兼容性测试工具,赶紧收藏!
    在信息爆炸的今天,浏览器是我们上网搜索信息的必备工具,浏览器拥有较好的兼容性可以提升用户体验,浏览器的兼容性测试是测试人员绕不开的话题,属于软件测试必备的流程之一,小编整理了以下几个超好用的浏览器兼容性测试工具,可以使得测试效果事半功倍。1、BrowserShots一款免......