• 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
     
     
     
  • 相关阅读:
    温故而知新 js 点击空白处关闭气泡
    javascript 打印错误信息 catch err
    ajax application/json 的坑
    nodejs 的好基友:pm2
    有道翻译 / 百度翻译Api
    PHP 正则表达式
    php 正则替换
    github get 请求指定页面的代码
    H5 input 聚焦 置顶
    autoHotKey 一些脚本积累
  • 原文地址:https://www.cnblogs.com/-simplelife/p/8609047.html
Copyright © 2020-2023  润新知