美文网首页
Babel 将 ES6 语法转成 ES5

Babel 将 ES6 语法转成 ES5

作者: handsomeFu | 来源:发表于2018-02-05 22:08 被阅读0次

    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

          本文链接:https://www.haomeiwen.com/subject/hezizxtx.html