源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-08-02 02:56 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:利用babel将es6语法转es5的简单示例
[b]前言[/b] Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 [img]http://files.jb51.net/file_images/article/201712/2017121112615776.png?2017111112625[/img] 这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持。 本文讲解需预装node和npm。大家可以参考这篇文章:[url=http://www.1sucai.cn/article/90518.htm]http://www.1sucai.cn/article/90518.htm[/url],这里介绍的非常详细。 [b]文件目录结构[/b] [img]http://files.jb51.net/file_images/article/201712/2017121111421879.png?2017111111430[/img] [b]生成包管理配置文件package.json[/b]
npm init -y
[b]安装转换工具 [/b]
npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli
[b]在.babelrc文件中写入如下内容[/b]
{
 "presets": [
 "es2015"
 ],
 "plugins": []
}
[b]编译文件 [/b]
babel src/test.js -o dist/test.js
[b]总结[/b] 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对编程素材网的支持。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部