1、先全局安装babel-cli(非必需),输入命令npm install babel-cli -g;
2、输入npm init;(创建package.json文件,包括名称、版本、作者这些信息等);
3、输入npm install --save-dev babel-cli; ---(安装命令行转码babel-cli工具);
4、新建配置文件.babelrc 复制代码; { "presets": [], "plugins": [] },粘贴到.babelrc 里;
5、npm install --save-dev babel-preset-es2015;---(安装es2015依赖项)
将"es2015"加入.babelrc,{ "presets": [ "es2015" ], "plugins": [] }
输入babel -h检测是否安装成功
6、编译
a 、转码结果输出到标准输出
$ babel example.js
b、转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ babel example.js--out-file compiled.js 或 $ babel example.js-o compiled.js
# 整个目录转码: --out-dir 或 -d 参数指定输出目录
$ babel src--out-dir lib 或 $ babel src-d lib
# -s 参数生成source map文件
$ babel src-d lib-s
7、npm编译 我们需要修改配置文件,之后执行命令行即可:npm run build
网友评论