当前位置: 首页 > 后端技术 > Node.js

使用babel将es6语法转为es5

时间:2023-04-03 17:22:59 Node.js

什么是巴别塔?Babel是一个工具链,主要用于将ECMAScript2015+版本的代码转换为向后兼容的JavaScript语法,使其可以在当前和旧版本的浏览器或其他环境中运行。哪里可以使用BabelNodeJs使用npm初始化项目$mkdires6-to-es5$npminit-y安装Babel$npminstall--save-dev@babel/core@babel/cli安装完成后,你的package.json将添加这些代码"devDependencies":{+"@babel/cli":"^7.12.8",+"@babel/core":"^7.12.9"}现在将Babelrun命令放入npm脚本,也在package.json"scripts":{+"build":"babelsrc-dlib"}创建.babelrc配置文件$npminstall@babel/preset-env--save-devcreatebabel.config.json文件,写入如下内容{"presets":["@babel/preset-env"]}环境配置好了,下面正式写代码写一段ES6代码,创建/src/index.js$mkdirsrc$touchsrc/index.js写一个简单的箭头函数letsayHello=()=>{console.log('helloxiaotaideng')}sayHello()现在运行你刚刚写的启动脚本$npmrunbuild之后完成后,可以看到目录中新增了一个build文件夹,打开里面的index.js,里面的内容是这样的"usestrict";varsayHello=functionsayHello(){console.log('helloxiaotaideng');};问好();现在执行下面的命令$nodebuild/index.js就可以正常输出了,貌似也正常了。点击获取源码原文地址https://segmentfault.com/a/11...