安装
1.在项目目录下执行npm init(相关信息可一路按Enter键,设置为默认信息),生成package.js文件。极速飞艇源码出租企俄:2152876294 网址diguaym.com
npm init
1
2.在项目目录下创建 .babelrc文件(window系统下创建需要命名为.bablerc.或者利用ide工具创建)
{
"presets": [], //设置转码规则
"plugins": [] //设置插件
}
1
2
3
4
3.安装命令行转码工具babel-cli、babel-preset-env
npm install --save-dev babel-cli babel-preset-env
1
4.改写 .babelrc文件配置
{
"presets": ["env"],
"plugins": []
}
1
2
3
4
5.改写package.json
{
"devDependencies": {
"babel-cli": "^6.0.0" //安装时版本号会自动添加
},
"scripts": {
"build": "babel src -d lib"//编译整个 src 目录并将其输出到 lib 目录。这里的src指的是需要转换的目录,lib指的是输出的内容的存放目录
},
}
1
2
3
4
5
6
7
8
用法
执行命令转码
npm run build
1
babel-cli基本用法
转码结果输出到标准输出
babel example.js
转码结果写入一个文件
--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