安装babel及其插件

npm install babel babel-cli babel-preset-es2015 babel-preset-react

把ES6转为ES5

babel demo.es6.js --presets es2015 -o demo.js

把jsx转为ES5的js

babel demo.jsx --presets react -o demo.js

把ES6与JSX同时编译

在当前或者上级目录创建文件.babelrc
内容如下:

{"presets": ["es2015", "react"]
}

即可用以下命令进行编译
babel demo.es6.jsx -o demo.js

用babel cli编译用ES6写的JSX相关推荐

ES6写JSDoc的一些经验和实例
ES6写JSDoc的一些经验和实例关于JSDoc和它的基本语法支持,请参考官方文档:http://usejsdoc.org/.虽说官方文档还是比较全的,实际使用中还是需要摸索一下适合自己项目的写法, ...
使用ES6写更好的JavaScript
使用 ES6 写更好的 JavaScript part I:广受欢迎新特性介绍在ES2015规范敲定并且Node.js增添了大量的函数式子集的背景下,我们终于可以拍着胸脯说:未来就在眼前. - 我 ...
Uboot初次编译、烧写、启动（启动界面log简析）
目录 U-Boot 初次编译 U-Boot 烧写与启动上述笔记第三点就是建立shell脚本实现的第四点就是修改Makefile文件实现的,下面均有实现步骤讲解. U-Boot 初次编译先编译体验 ...
【视频联动】编译原理：写出布尔表达式A or (B and not(C or D)) 的四元式序列。说明：按照控制语句中的布尔表达式翻译
编译原理:写出布尔表达式A or (B and not(C or D)) 的四元式序列.说明:按照控制语句中的布尔表达式翻译这里是总结的知识点.如果有问题可以下方留言提问,视频已经放到Bilibi ...
Android实战技巧之四十：Android5.1.1源代码编译与烧写
购买Nexus手机的朋友大多是为了自己修改系统玩,再加上其较高的性价比,在开发者中还是广受欢迎的.我的5太子被我升级到了6.0预览版,玩的正嗨,舍不得换回到5.1时代了.不过鉴于距6.0源码发布还有段 ...
Android实战技巧之四十 Android5 1 1源代码编译与烧写
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 购买Ne ...
RV1126编译及烧写
文章目录前言一.编译内核.根文件系统及烧写 1.编译 2.烧写二.APP编译 1.配置编译规则总结前言对于第一次拿到rv1126板子还是挺陌生的,本文适合新手小白参看. 一.编译内核.根文 ...
Orangepi 3 全志H6 uboot的编译与烧写
Orangepi 3 全志H6 uboot的编译与烧写使用OrangePi_SDK中shell脚本编译uboot 不使用OrangePi_SDK中shell脚本编译uboot 环境:Ubuntu18 ...
A33_Vstar_Android_SDK开发编译及烧写遇到的问题【汇总】
A33_Vstar_Android_SDK开发遇到的问题整理一下Android SDK编译及烧写的时候,遇到的问题和解决的办法问题1 .tar.bz2文件解压命令解决办法: .tar.gz ...

用babel cli编译用ES6写的JSX

安装babel及其插件

把ES6转为ES5

把jsx转为ES5的js

把ES6与JSX同时编译

用babel cli编译用ES6写的JSX相关推荐

最新文章

热门文章