标签:
在自己的目录下新建一个babel-test/目录
进入这个目录
1. 安装babel命令和转换库:
npm install babel-cli
npm install babel-preset-es2015
2. 在当前目录下新建文件夹: .babelrc
在文件夹中写入:
{
"presets": ["./babel-preset-es2015"]
}
3. 新建一个文件example.es6,内容如下:
import $ from ‘jquery‘
export class MyClass {
constructor(name = ‘nobody‘) {
this.name = name;
}
getMyName() {
return this.name;
}
}
4. 安装缺少的相关库
npm install ansi-regex ansi-styles escape-string-regexp has-ansi left-pad number-is-nan strip-ansi supports-color line-numbers
执行代码:
babel example.es6 -o example.js
如果还报错提示缺少模块:xxx-xxx
则安装它
npm install xxx-xxx
5. 大功告成
然后,在当前目录下,通过babel命令将es6代码转换成es5的代码了!
文件转化示例:
babel example.es6 -o example.js
文件夹转化示例:
babel -d example-es5/ example-es6
我的联系方式:yaoel@outlook.com
参考:
在windows命令行下安装和使用babel(es6to5)
标签:
原文地址:http://www.cnblogs.com/yaoel/p/5011484.html