Babel 将 ES6 语法转成 ES5

ES6 至今已经算是比较很火了, 也多了很多新功能,比如块级作用域、常量、箭头函数等等, 虽然我们写的是ES6 , 但是一般都会转换成 ES5 ,有两款比较出名的插件可以用来转换:Babeljspm, 那么这里就使用 Babel 来转换

安装 Babel
不管的 Babel 还是 jspm 都是基于 Nodenpm (psnpmNode 的一款包安装工具,地位等同于 PythonpipRubygem ) 安装的,如果没有安装 Node 的话,建议先去安装一个 Node, 然后再继续,那么我们怎么才能知道是否安装了 Node 以及 npm,很简单,打开命令行,输入 node -v 以及 npm -v

node -v && npm -v

那么,接下来我们就可以安装我们的 Babel了,

npm install  babel-cli  -g 
//  -g 表示全局安装 

当然,仅仅是这个还是不够的,我们还需要在项目中执行下 npm init,然后一路回车,最后选择 yes ,最后会在项目的文件中产生一个 package.json 的文件,我们还需要再次安装

npm install babel-cli  --save-dev
npm install babel-preset-es2015  --save-dev
//   --save-dev 表示是安装项目中的开发环境

你会发现,安装完折线,还没有完,这时候,你是不是要骂娘了,其实还有最后一步,我们需要在项目的路径中创建一个 .babelrc 这么文件,然后在里面写入:

{
   "presets" : [
        "es2015"
    ]
}

这样就可以了,然后接下来只需要执行一条命令

babel  es6file.js   -o  es2015.js 

OK, 通过 BabelEs6 转换成 Es5 就是这么简单

你可能感兴趣的:(Babel 将 ES6 语法转成 ES5)