babel的基本使用

bael是一个nodejs的工作流工具,babel工具的作用就是将es的新语法翻译为老的语法

babel的官网:https://www.babeljs.cn/

Babel 是一个 JavaScript 编译器

Babel 是一个工具链,主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情:

  • 语法转换
  • 通过 Polyfill 方式在目标环境中添加缺失的特性(通过第三方 polyfill 模块,例如 core-js,实现)
  • 源码转换 (codemods)

安装bable

npm install -g babel-cli

cli表示command line interface(命令行接口),也就是使用CMD调用这个命令

新建一个1.js文件

此时我们安装了babel-cli,就可以进行babel的使用

输入命令:babel 1.js -o 01.js

此时会自动创建一个01.js

 

 

 

 

 发现此时01.js文件内部的代码没有被翻译为老的语法

那是因为我们没有告诉babel如何翻译?

此时需要安装依赖

npm install --save-dev babel-preset-env

此时我们还需要创建一个.babelrc的指导文件

文件内部

{
  presets: ["env"]
}c

  此时就可以进行翻译操作了,输入指令:babel 1.js -o 01.js

翻译后的01.js文件

 

 

 

总结:

  •  babel是一个翻译工具,可以将高级的ES语法翻译为低端语法
  •  babel需要-g安装babel-cli
  •  babel的运行需要.babelrc文件进行指导
  •  还需要安装依赖babel-preset-env
  •  输入命令babel 目标文件 -o 新文件
posted @ 2021-10-24 22:15  keyeking  阅读(669)  评论(0编辑  收藏  举报