zoukankan      html  css  js  c++  java
  • 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
     
     
     
  • 相关阅读:
    Qt 模态对话框不模态的问题
    Qt layout更新控件的问题
    javamail中使用一些问题的解决方案
    mysql too many connection解决方法
    hibernate的三种状态
    hibernate的几种主键
    hibernate的crud操作
    ajax简单校验用户名是否存在
    json的简单使用
    ajax读取服务器文本
  • 原文地址:https://www.cnblogs.com/-simplelife/p/8609047.html
Copyright © 2011-2022 走看看