babel原理(babel+polyfill)

2023-02-28  本文已影响0人  糖糖不加糖_

babel:
https://zhuanlan.zhihu.com/p/85915575
https://www.cnblogs.com/75115926/p/12627009.html
polyfill:
https://zhuanlan.zhihu.com/p/71640183
chatgpt

babel是一个转译器,它只是把同种语言的高版本规则翻译成低版本规则
主要分为三个阶段

babel只是转译新标准引入的语法,比如ES6的箭头函数转译成ES5的函数;而新标准引入的新的原生对象,部分原生对象新增的原型方法,新增的API等(如Proxy、Set等),这些babel是不会转译的。需要用户自行引入polyfill来解决

Polyfill(补丁)解决上面,新标准引入的新的原生对象,部分原生对象新增的原型方法,新增的API等(如Proxy、Set等)

babel 最重要的包(其实由多个npm包组成,但下面的更重要)

babel 常用的插件

在入口处导入polyfill,因为polyfill代码需要在所有其他代码前先被调用

polyfill和runtime区别

上一篇下一篇

猜你喜欢

热点阅读