svn 工厂模式 xml audio redux extjs datepicker null stream jvm vue引入组件 nodejs教程视频 mysql小数用什么类型 一兆等于多少字节 pcie高速固态硬盘 mysql查询结果拼接 oracle数据库创建表空间 kubernetes实战 python中open python命令行 python程序实例 python学习网站 python编程语言 python数字类型 配置java开发环境 java匿名函数 javaabstract vbscript程序员参考手册 maya2008 listpreference 服务器系统安装 c语言指数函数 wegame更新失败 黑客入门新手特训 edquota 寂静城 ps祛痘 骰子牛牛 掌门一对一官网下载 dos命令大全及用法
当前位置: 首页 > 学习教程  > 编程语言

ES6转码器

2020/9/19 13:32:23 文章标签:

ES6和ES2017有些语法在浏览器中不支持(如修饰器的使用),使用时浏览器会报异常,这就需要转码器,将ES6或ES2017转为ES5执行。

常用转码器

  • Babel
  • Traceur
  • umi(阿里),umi集成了Babel。

umi优点

  • 插件化,由大量插件组成,按需加载。
  • 开箱即用,无需安装react,label等。
  • 约定路由,无需手动配置。

umi安装

  • 安装node,验证node正常安装命令:node -v
  • 安装yarn,yarn是优化的npm,tyarn是使用淘宝国内镜像作为源的yarn,-g是全局安装:
    • npm i yarn tyarn -g
  • 验证tyarn是否安装成功:tyarn -v
  • 全局安装umi:tyarn global add umi
  • 验证umi:umi

umi实例

  • 初始化项目,生成package.json:tyarn init -y
  • 创建index.js:umi g page index
  • 编写页面代码。
  • 启动网页服务器:umi dev
  • 编译生成创建的源码:umi build

实例代码:

export default ()=>{
    return  <div>
        <p>hello world</p>
        {console.log("hello world")}
        {console.log("hello world 222")}
    </div>;
}

 

 

 

 

 

 


本文链接: http://www.dtmao.cc/news_show_200015.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?