http://babeljs.io/docs/setup/
Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。大家可以选择自己习惯的工具来使用使用Babel
一、Using Babel
根据自己的工具选择使用Babel
二、当你选择In the browser
安装
在浏览器中编译，例子有限,因此，如果你已经有了运行的网站，你应该重新编译你的脚本服务方， See setup build systems for more information.
你能使用 babel/babel-standalone 作为babel一个重新编译的版本。
你同时也能使用许多在线的工具去写一个 脚本，并转换:
在线编辑器，运行Babel:
3、使用 With babel-standalon
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="js/react.js"></script>
<script src="js/react-dom.js"></script>
<script src="js/babel.min.js"></script>
</head>
<body>
<div id="output"></div>
<!-- Load Babel -->
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<!-- Your custom script here -->
<script type="text/babel">
const getMessage = () => "你好！";
document.getElementById('output').innerHTML = getMessage();
</script>
</body>
</html>
.babelrc 配置文件
太好了! 你已经配置Babel,但是你没有让它做一些事情，建立一个 .babelrc 配置 ，在你的工程根下且启用一些插件plugins.
开始, 你能使用 env preset, 它启用 ES2015+进行转码。
npm install babel-preset-env --save-dev
为了启用preset，你必须在你的.babelrc file定义它，我是加在package.json里面，像这样
"presets": ["env"]
}注:运行一个Babel 6.x 工程 使用 npm 2.x 能导致性能问题，因为npm 2.x 安装方式是有依赖的.
解决办法，就是换到npm 3.x 或npx 2.x+dedupe 标志，在运行之前请检查版本。npm --version
1030
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
