默认情况下 babel 什么都不会做,仅仅是代码的搬运工,所以需要用配置告诉它干些什么

.babelrc

{
	// 预设,就是已经内置了很多相关配置项
  "presets": [
		// 插件的命名方式 babel-preset-*, 比如 babel-preset-es2015
		// 引入方式使用后缀即可
		"es2015", // 用来将代码编译成 ES5
		"react",
		"stage-2" // 提案阶段,stage-4 阶段为已采纳阶段,未来将会成为标准,会在 es2015 中
	],
  "plugins": [],
	"parser": "babel-eslint" // 静态分析工具
}
babel src -d lib # babel 将 src 目录下所有的内容结合 .babelrc 的配置,打包到 lib 目录下

中文官网:https://www.babeljs.cn/docs/babel-preset-flow

阮一峰 Babel:https://www.ruanyifeng.com/blog/2016/01/babel.html