react 环境安装

　　React 使用了ES6标准的JSX（script标签type为text/babel），但目前很多浏览器只支持ES5，所以我们就需要将JSX转成普通JS。在生产环节中，通常直接将JSX编译为JS，但简单测试的时候可以加入browser.js在浏览器端转换JSX文件（效率低）。做一些简单的测试也可以在浏览器中使用 Babel 来编译 JSX，可以参考菜鸟教程的实例。菜鸟教程中的实例引入了三个库，react.min.js 、react-dom.min.js 和 babel.min.js：

• react.min.js - React 的核心库
• react-dom.min.js - 提供与 DOM 相关的功能
• babel.min.js - Babel 可以将 ES6 代码转为 ES5 代码，这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。

　　需要注意的是，新版的Babel已经不提供babel.min.js。 从Babel 6.0开始，不再直接提供浏览器版本，而是要用构建工具构建出来，这里可以通过安装老版本的babel-core模块来解决
npm install -g babel-core@old　　原文：https://blog.csdn.net/wopelo/article/details/77844916
这样安装的版本应该是5.8.x，在node_modules会出现babel-core文件夹，使用其中的browser.js或browser.min.js即可。
　　然而, Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。而且像import和export这两个命令现在在任何浏览器中都是不支持的, 同时babel也无法将其转换为浏览器支持的ES5, 原因在于:babel只是个翻译，假设a.js 里 import 了 b.js, 对a.js进行转码，只是翻译了a.js，并不会把b.js的内容给读取合并进来, 如果想在最终的某一个js里，包含 a.js，b.js 的代码，那就需要用到打包工具，例如webpack。