记录babel6的使用教程(举个栗子):
说明:
-----2016/8/20发布第一版;-----
1.这里假设你懂node的npm基本操作;
2.cli---命令行界面,下文会用cli代指;
开始之前:
国内使用npm安装包的时候有时会很慢,这里推荐大家使用nrm这个插件,执行:
//全局安装nrm,切换管理npm源
npm install nrm -g
nrm ls
命令查看所有源:
nrm test
命令测试所有源速度:nrm use taobao
命令切换源(这里切换至taobao源):快速开始:
- 新建项目
babel6
; - 进入
cli
,切换至babel6
目录,执行:
//该命令用于创建nodejs项目必不可少的package.json配置文件
npm init
- 安装开发环境依赖,执行操作:
//安装babel需要的插件
npm install babel-cli babel-core babel-preset-es2015 --save-dev
- 为了能每一次都非常简单的使用编译命令,更新你的 package.json文件为Babel添加一个构建命令---在 package.json中添加一个scripts字段:
//命令解析:监听js文件夹下的文件,并将编译后的文件输出至build文件夹,最后生成map-source;
"scripts": {
"build": "babel -w js/ -d build -s"
},
- 在项目根目录新建.babelrc配置文件,并写入:
//该文件为babel的配置文件
{
"presents": ["es2015"]
}
- 进入cli,执行命令:
//此命令会一直监听并执行编译工作
npm run build
未完,待续...