在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
 
参考:

转载于:https://www.cnblogs.com/yaoel/p/5011484.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值