学习时的痛苦是暂时的,没学到的痛苦是终生的!你好,2016!


在windows命令行下安装和使用babel(es6to5)

在自己的目录下新建一个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
 
2015.12.1 yaoel
我的联系方式:yaoel@outlook.com
 
参考:
posted @ 2015-12-01 22:12  yaoelvon  阅读(1827)  评论(2编辑  收藏  举报