babel入门

21 阅读1分钟

Babel 是一个广泛使用的 JavaScript 和 TypeScript 转译器(Transpiler),主要用于将高级的 JavaScript 代码转换为向下兼容的低版本 JavaScript 代码,以便在不同的运行环境中执行。Babel 在现代前端开发中扮演着至关重要的角色,特别是在处理模块化代码、新语言特性以及跨浏览器兼容性方面

主要功能

  • 将最新的 JavaScript 转换为向下兼容的代码
  • 将 Typescript 转换为JS代码
  • 将 JSX 语法转换为普通的JavaScript代码
  • 提供了对 ES 模块和 CommonJS 模块的支持,并能够将代码转换为兼容不同环境的格式
  • 通过源码分析删除无用代码等代码优化

Babel最主要的核心包为@babel/core,它负责所有的工作,如:解析、代码编译、代码生成等等,除此之外还有很多插件预设,这些都是用来定制编译内部流程逻辑的 image.png

//待补充