美文网首页
方便快捷的ES6转ES5

方便快捷的ES6转ES5

作者: love颜文字 | 来源:发表于2017-07-12 21:09 被阅读0次

    本文介绍用npm和 Babel 6 来将 ES6 代码转换成 ES5 代码。
    如果用其他工具配合 Babel 来做,可以见这里。不知道 npm是什么?请先查看npm 入门指南。

    Node 是 JavaScript 的服务器运行环境(runtime)。它对 ES6 的支持度更高。除了那些默认打开的功能,还有一些语法功能已经实现了,但是默认没有打开。使用下面的命令,可以查看 Node 已经实现的 ES6 特性。

    $ node --v8-options | grep harmony
    

    在阮一峰大牛写的技术里找到 ES-Checker,用来检查各种运行环境对 ES6 的支持情况。访问ruanyf.github.io/es-checker,可以看到您的浏览器支持 ES6 的程度。运行下面的命令,可以查看你正在使用的 Node 环境对 ES6 的支持程度。

    $ npm install -g es-checker
    $ es-checker
    
    =========================================
    Passes 24 feature Dectations
    Your runtime supports 57% of ECMAScript 6
    =========================================
    

    下面让我们使用命令行转码babel-cli

    Babel提供babel-cli工具,用于命令行转码。

    它的安装命令如下:

    全局安装
    npm install --global babel-cli
    

    在项目下输入命令

    npm init
    

    一路回车---引导你创建一个package.json的文件(包括名称、版本、作者等信息)

    将babel-cli安装在项目之中。

    npm install --save-dev babel-cli
    

    在项目文件中新建一个 .babelrc 的文件,把一下代码复制粘贴到文件中

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

    然后在命令行里输入

    npm install --save-dev
    

    相关文章

      网友评论

          本文标题:方便快捷的ES6转ES5

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