es6 babel转码器使用

(1)先全局安装babel-cli,输入命令cnpm install babel-cli -g

(2) 进入项目目录npm init初始化一个package.json文件

(3) 项目目录依赖安装 cnpm install --save-dev babel-cli

(4) es6文件里新建配置文件.babelrc

(5) 复制代码 { "presets": [], "plugins": [] }到.babelrc 里

(6) 输入npm install --save-dev babel-preset-es2015(安装es2015依赖项)

  将“es2015”加入到.babelrc,如{ "presets": [“es2015”], "plugins": [] }

(7) 输入babel -V(大写)检测是否安装成功;

常用编译命令:

(1)转换es6.js文件并在当前命名行程序窗口中输出

   babel es6.js

(2)将es6.js转换后输出到es5.js文件中(使用 -o 或 --out-file )

   babel es6.js -o es5.js   

        babel es6.js --out-file es5.js

(3)实时监控es6.js一有变化就重新编译(使用 -w 或 --watch )

       babel es6.js -w --out-file es5.js

       babel es6.js --watch --out-file es5.js

(4)编译整个src文件夹并输出到lib文件夹中(使用 -d 或 --out-dir )

       babel src -d lib
  babel src --out-dir lib

(5)编译整个src文件夹并输出到一个文件中

       babel src --out-file es5.js

(6)直接输入babel-node命令,可以在命令行中直接运行ES6代码

        babel-node

转载于:https://my.oschina.net/u/3912828/blog/1862273

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值