欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

配置babel-cli和简单测验

程序员文章站 2024-01-14 12:02:28
...

局部配置

1.新建一个文件夹babel-test(名字可以随便取)
2.打开cmd命令窗口,打开babel-test的路径
3.npm init
配置babel-cli和简单测验4.需要用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官网切换别的版本安装)
配置babel-cli和简单测验配置babel-cli和简单测验6.在babel-test文件夹下:
1).新建一个不利的文件夹,里面存储转译后的js文件;
2).新建一个js文件存放es6语法的js文件;
配置babel-cli和简单测验
3).在package.json里面输入:“build”:“babel js -d build”
配置babel-cli和简单测验4).新建文件.babelrc.在里面粘贴输入

{
	"preset":["env"]
}

测试

在js文件夹中新建一个index.js文件
然后写入一个简单的箭头函数:
配置babel-cli和简单测验
打开cmd命令窗口进入到babel的bin路径下,然后输入命令:
配置babel-cli和简单测验之后会在build文件夹下生成转译之后的index.js文件,打开该文件查看:配置babel-cli和简单测验测试完成!

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

相关标签: babel