npm常用模块之bable使用

更多npm常用模块使用请访问:npm常用模块汇总


bable这是JavaScript编译器。

Babel是一个工具链,主要用于在当前和较旧的浏览器或环境中将ECMAScript 2015+代码转换为JavaScript的向后兼容版本。以下是Babel可以为您做的主要事情:

  • 转换语法
  • 目标环境中缺少的Polyfill功能(通过@babel/polyfill
  • 源代码转换(codemods)
  • 和更多!(查看这些视频以获取灵感)

Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。 举例来说,ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行,必须使用babel-polyfill,为当前环境提供一个垫片

可调试的

源映射支持,因此您可以轻松调试已编译的代码。

符合规格

Babel尝试尽可能合理地遵守ECMAScript标准。作为性能的折衷方案,它可能还具有一些特定的选项,使其更符合规范。

紧凑

Babel尝试使用尽可能少的代码,而不依赖庞大的运行时。
在某些情况下,这可能很难做到,并且针对特定转换的“松散”选项可能会折衷规范对可读性,文件大小和速度的要求。

更多使用文档请点击访问bable中文文档
更多使用文档请点击访问bable工具官网

安装

一键安装不多解释

npm install --save-dev bable

使用

使用指南

Babel工具链中有很多工具试图使您轻松使用Babel,无论您是“最终用户”还是构建Babel本身的集成。这将是对这些工具的快速介绍,您可以在文档的“使用”部分中详细了解它们。

如果您使用的是框架,那么配置Babel的工作可能会有所不同,或者实际上已经为您完成了。请查看我们的交互式设置指南