配置babel-cli和简单测验

局部配置

1.新建一个文件夹babel-test(名字可以随便取)
2.打开cmd命令窗口,打开babel-test的路径
3.npm init
图片14.需要用jquery,可以安装jquery
npm install --save-dev jquery

5.安装babel-cli,在cmd命令窗口输入:
npm install --save-dev babel-cli
npm install babel-preset-env --save-dev
(这里安装的是babel6.26.3版本 可以百度进入到babel官网切换别的版本安装)
图片2图片36.在babel-test文件夹下:
1).新建一个不利的文件夹,里面存储转译后的js文件;
2).新建一个js文件存放es6语法的js文件;
图片4
3).在package.json里面输入:“build”:“babel js -d build”
图片54).新建文件.babelrc.在里面粘贴输入

{
	"preset":["env"]
}

测试

在js文件夹中新建一个index.js文件
然后写入一个简单的箭头函数:
图片6
打开cmd命令窗口进入到babel的bin路径下,然后输入命令:
在这里插入图片描述之后会在build文件夹下生成转译之后的index.js文件,打开该文件查看:在这里插入图片描述测试完成!

附:
参考链接:配置babel-cli

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值