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>;
}