利用babel将es6语法转es5的简单示例

前言

创新互联-专业网站定制、快速模板网站建设、高性价比温宿网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式温宿网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖温宿地区。费用合理售后完善，十载实体公司更值得信赖。

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。

本文讲解需预装node和npm。大家可以参考这篇文章：https://www.jb51.net/article/90518.htm，这里介绍的非常详细。

文件目录结构

利用babel将es6语法转es5的简单示例

生成包管理配置文件package.json

npm init -y

安装转换工具

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli

在.babelrc文件中写入如下内容

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}

编译文件

babel src/test.js -o dist/test.js

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对创新互联的支持。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容