es6语法菜鸟教程,babel转换es6原理,利用babel将es6语法转es5的简单示例

es6语法菜鸟教程,babel转换es6原理,利用babel将es6语法转es5的简单示例

Babel是一款应用广泛的转码器,babel可以完美的将es6代码转换成es5代码。所以,下面这篇文章会给你详细介绍一下Babel把ES6语法转换成ES5的方法。文章通过实例非常详细,有需要的可以参考。

前言

Babel是一个广泛使用的转码器,可以将ES6代码转换成ES5代码,这样就可以在现有的环境下执行。

这意味着您现在可以在ES6中编写程序,而不用担心现有环境是否支持它。

本文解释了应该预安装节点和npm。你可以参考这篇文章:https://www.jb51.net/article/90518.htm,这里的介绍非常详细。

文件目录结构

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

npm初始化-y

安装转换工具。

npm i -g巴别塔-cli

NPM I-save-dev babel-preset-es 2015 babel-CLI

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

{

预设:[

es2015

],

插件“:[]”

}

编译文件

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

总结

这就是本文的全部内容。希望这篇文章的内容对你的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。

es6语法菜鸟教程,babel转换es6原理,利用babel将es6语法转es5的简单示例