如何使用Babel转码器进行转码

Babel安装流程

第一步：安装 Babel

npm install --save-dev @babel/core

第二步：配置文件.babelrc

Babel 的配置文件是.babelrc，存放在项目的根目录下。使用 Babel 的第一步，就是配置这个文件。

该文件用来设置转码规则和插件，基本格式如下

{
 "presets": [],
 "plugins": []
}
 

第三步：转码规则

presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装

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

第四步：将规则加入.babelrc

{
  "presets": [
   "@babel/env"
   ],
  "plugins": []
}
 

Babel命令行转码

Babel 提供命令行工具@babel/cli，用于命令行转码

npm install --save-dev @babel/cli

基本用法如下

# 转码结果输出到标准输出
$ npx babel example.js


# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ npx babel example.js --out-file compiled.js
# 或者
$ npx babel example.js -o compiled.js


# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
$ npx babel src --out-dir lib
# 或者
$ npx babel src -d lib