码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2015-12-01 22:53:25      阅读:365      评论:0      收藏:0      [点我收藏+]

标签:

在自己的目录下新建一个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
 
参考:

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

标签:

原文地址:http://www.cnblogs.com/yaoel/p/5011484.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!