配置babel-cli和简单测验
程序员文章站
2024-01-14 12:02:28
...
局部配置
1.新建一个文件夹babel-test(名字可以随便取)
2.打开cmd命令窗口,打开babel-test的路径
3.npm init
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官网切换别的版本安装)
6.在babel-test文件夹下:
1).新建一个不利的文件夹,里面存储转译后的js文件;
2).新建一个js文件存放es6语法的js文件;
3).在package.json里面输入:“build”:“babel js -d build”
4).新建文件.babelrc.在里面粘贴输入
{
"preset":["env"]
}
测试
在js文件夹中新建一个index.js文件
然后写入一个简单的箭头函数:
打开cmd命令窗口进入到babel的bin路径下,然后输入命令:
之后会在build文件夹下生成转译之后的index.js文件,打开该文件查看:测试完成!
附:
参考链接:配置babel-cli
上一篇: vue项目 使用 export * from 時候报错
下一篇: QT学习:为窗口设置图标