• ES6 基本语法


    一、命令

     1、查看 Node 已经实现的 ES6 特性

    $ node --v8-options | grep harmony
    2、检测Node 环境对 ES6 的支持程度
    $ npm install -g es-checker
    $ es-checker
    
    =========================================
    Passes 24 feature Dectations
    Your runtime supports 57% of ECMAScript 6
    =========================================  
    3、转码器:Babel
    Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。
    该文件用来设置转码规则和插件,基本格式如下。

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

     presets字段设定转码规则,官方提供以下的规则集,你可以根据需要安装。 

    # 最新转码规则
    $ npm install --save-dev babel-preset-latest
    
    # react 转码规则
    $ npm install --save-dev babel-preset-react
    
    # 不同阶段语法提案的转码规则(共有4个阶段),选装一个
    $ npm install --save-dev babel-preset-stage-0
    $ npm install --save-dev babel-preset-stage-1
    $ npm install --save-dev babel-preset-stage-2
    $ npm install --save-dev babel-preset-stage-3
    

    然后,将这些规则加入.babelrc。  

      {
        "presets": [
          "latest",
          "react",
          "stage-2"
        ],
        "plugins": []
      }
    

    4、转码器Babel-cl 命令工具  

    # 安装
    $ npm install --save-dev babel-cli
    

     然后,改写package.json

    {
      // ...
      "devDependencies": {
        "babel-cli": "^6.0.0"
      },
      "scripts": {
        "build": "babel src -d lib"
      },
    }
    

    转码的时候,就执行下面的命令

    $ npm run build
    

      

      

     



  • 相关阅读:
    初次接触json...
    vector algorithm find
    网站安全(13) ——目录穿越漏洞(Directory Traversal)
    网站安全(20) —— 语义URL攻击
    网站安全(7) —— PHP文件包含漏洞介绍
    让PHP更快的提供文件下载
    PHP中关于include()和require() 的区别问题
    PHP中 获取全路径的文件的扩展名
    MySQL varchar计算:求列的数目和计算N的最大值
    jmeter使用分享
  • 原文地址:https://www.cnblogs.com/karila/p/7808891.html
Copyright © 2020-2023  润新知