1.node安装
- 下载地址:http://nodejs.cn/download/
2.初始化工程项目
# 使⽤默认配置初始化项⽬
npm init -y
3.安装相应的依赖包
# 本地安装babel-cli及对应的转化规则
npm install --save-dev babel-cli babel-preset-es2015
4.创建项目目录
- src目录存放编写的es6代码程序
- dist目录存放转码的es5代码程序
5.配置babel文件
- 创建.babelrc文件
{
// 配置用于转换当前代码的规则集
"presets": ["es2015"]
}
-
babel的基本用法
--out-file/-o
:指定输出文件名称node_modules\.bin\babel .\src\test.js --out-file .\dist\test.js
--out-dir/-d
:指定输出目录node_modules\.bin\babel .\src --out-d .\dist
ps:以上是局部安装的babel的用法,建议局部安装如果全局安装,改动babel版本比较麻烦
-
配置package.json文件,启动脚本自动转写
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
// -w 监听文件
"dev":"babel src -w --out-dir dist"
},