我们在前面已经安装和学习过babel
安装babel-cli 这是babel解释器的客户端主程序
npm install -g babel-cli
安装”编译”插件(babel的JSX语法转换器)
npm install babel-plugin-transform-React-jsx
安装ec2015的转化器,因为ec2015语法并不是所有浏览器都兼容
$ npm install --save-dev babel-preset-es2015
1
1
然后项目文件夹下多了
然后新建一个 .babelrc
文件,写入:
{
presets: ['es2015']
}
好,下面来学一个简单的es2015的写法
let,用于代替es5中的var
我们先写一下
let name = "zhangsan";
alert(name);
我们来利用babel转化一下,命令行执行:
babel ./es2015/index.js --out-file ./es2015/index-build.js
index-build.js就是转换后的js:
"use strict"; var name = "zhangsan";
alert(name);