原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
深入浅出Vite
语法降级与Polyfill：联合前端编译工具链，消灭低版
本浏览器兼容问题
发布于2022-05-09
谈到Vite，可能很多人都觉得这是一个现代前端构建工具，应该在现代浏览器中使用，
放到各种语法特的低版本浏览器(如ie11)就不适用了。这种观念对不对呢？首
先跟大家抛出结论:
通过Vite构建我们完全可以兼容各种低版本浏览器，打包出既支持现代(Modern)
浏览器又支持旧版(Legacy)浏览器的产物。
接下里的课程中，我就来与你分析一下为什么在Vite中能够彻底解决低版本浏览器的兼
容性问题，以及通过什么解决，需要借助哪些JS的工具和生态。你会领略到诸多前
端编译工具链底层的风光，比如@babel/preset-env、core-js、regenerator-runtime
等等工具和基础库是如何强强联合的，当然，我也会以的Vite插件@vitejs/plugin-
legacy为例告诉你如何将这些底层的工具入到Vite中，并实现开箱即用的解决方
案。
场景复现
首先我们来复现一下问题场景，下面两张图代表了之前我境遇到的报
例:
某些低版本浏览器并没有Promise语法环境以及对象和数组的各种API，甚至不支
持箭头函数语法，代码直接报错，从而导致线上白屏事故的发生，尤其是需要兼容到IE
深入浅出知道
语法降级与polyfill：联合前端编译工具链，消灭低
版消灭低版
发布于2022‑05‑09
谈到知道，可能很多人都觉得这是一个现代前端构建工具，放到各种语法特的低版本浏览器
放到各种语法特的低版本浏览器放到各种语法特的低版本浏览器如就不适用了。这
种观念对不对呢就不适用了。这种观念对不对呢就不适用了。这种观念对不对呢就不适用了。这种观
念对不对呢就不适用了。这种观念对不对呢
通过知道构建我们完全可以兼容各种低版本浏览器，打包出既支持现代（现代）
浏览器又支持旧版（遗产）浏览器的产物。
接下里的课程中，我就来与你分析一下为什么在知道中能够彻底解决低版本浏览器的兼
中能够彻底解决低版本浏览器的兼需要借助哪些的工具和生态。你会领略到诸多前的工
具和生态。你会领略到诸多前@@@@@@@babel/preset‑envcore‑envcore‑js，，
等等工具和基础库是如何强强联合的，我也会以的，@@@@@@@@@nkek
@know@knoving@knoving@knoving@knoving@knoving@knoving@knoving
@know，并实现开箱即用的解决方，并实现开箱即用的解决方，并实现开箱即用的解决
方，并实现开箱即用的解决方
场景复现
首先我们来复现一下问题场景，下面两张图代表了之前我境遇到的报错
案：：
Promise语法环境以及对象和数组的各种api，甚至不支甚至不支从而导致线上白屏事故的发生从而导致线上白屏事故
的发生从而导致线上白屏事故的发生尤其是需要兼容到尤其是需要兼容到尤其是需要兼容到尤其是需要兼容到尤其是需
要兼容到尤其是需要兼容到尤其是需要兼容到尤其是需要兼容到尤其是需要兼容到尤其是需要兼容到
文档评论（0）