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