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
     
     
     
  • 相关阅读:
    书籍阴影
    Cookie工具类
    兼容性问题总结
    pc端弹框
    懒加载 js----例子------图片
    pc端样式初始化
    Sublime 插件- px 转rem
    手机端1px细线公共类
    移动端样式初始化
    SQL Server(七)——存储过程
  • 原文地址:https://www.cnblogs.com/-simplelife/p/8609047.html
Copyright © 2011-2022 走看看