• es和babel转换器


    es6转换成es5,转换器 babel
     
     
    1.如果webApp文件夹下没有package.json文件,可以手动建立一个package.json文件
     
    {
      "name": "babel-test",
      "version": "",
      "description": "",
      "repository": {
        "url": ""
      },
      "scripts": {},
      "author": "",
      "license": "",
      "devDependencies": {
        
      },
      "dependencies": {}
    }
     
    也可以使用命令建立package.json文件
    1.cd C:webApp 切换到某个文件夹下
    2.npm init    会陆续提示输入内容,最终生成package
     
    2.安装babel文件
    npm install --save-dev babel
     
    npm install --save-dev babel-cli
     
    npm install babel-preset-env --save-dev
     
    npm install --save-dev babel-preset-es2015
    npm安装package.json时  直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可,自动将package.json中的模块安装到node-modules文件夹下
    3.创建.babelrc配置文件
    {
    "presets": ["env","es2015"]
    }
     
    4.运行
    npx babel a.js
     
     
    a.js文件:
     
    'use strict'
    console.log('1111');
    console.log('2222');
    var array=[1,2,3,4];
    var a=array.filter(x=>x>2);
    console.log(a);
     
    编译输出:
     
    npx babel a.js --out-file b.js
     
    babel编译后的文件:(已经将filter方法,转成es2015)
     
     
     
     
     
     
    【traceur】
    npm install -g traceur 
     
    trcaeur  --script calc.es6.js --out calc.es5.js
     
     
     
  • 相关阅读:
    使用JQuery快速高效制作网页特效1章
    优化数据库设计
    sql语句
    java九章后的总结笔记
    C#总结
    数组。
    2018_学习资料备用
    03-11gR2单机通过RMAN恢复到RAC(未验证)
    02-oracle11g rac RMAN备份恢复至单机(未验证)
    01-spfile和pfile的区别,生成,加载和修复
  • 原文地址:https://www.cnblogs.com/-simplelife/p/8609047.html
Copyright © 2020-2023  润新知