我应该为 react 和 babel 安装什么？答案

【问题标题】：What should I install for react and babel?我应该为 react 和 babel 安装什么？
【发布时间】：2017-06-22 07:11:36
【问题描述】：

尝试使用 Babel 安装 react。所有这些安装之间有什么区别？我应该选择哪些？

npm install --save-dev babel-preset-react
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-cli
npm install --save-dev babel-core
npm install --save-dev babel-preset-env

编辑：

我正在学习本教程：

https://facebook.github.io/react/docs/installation.html

上面说要安装 babel-preset-react 和 babel-preset-es2015，但是当我转到 https://babeljs.io/docs/setup/ 或任何其他站点时，每个人对安装什么都有不同的想法。

【问题讨论】：

这个问题可能会更详细地说明您为什么要安装这些，如果您正在使用教程等。

标签： node.js reactjs npm babeljs npm-install

【解决方案1】：

我猜，但很可能您正在学习 React 教程并想知道您正在安装什么。您可以在 npmjs.com（npm 存储库的 Web 前端）上查找这些模块。

Babel 是 ECMAScript2015（又名：ES6）预处理器，它将 ES6 样式的 javascript 转换为 ES5 样式，以便它可以在尚不支持所有 ES6 功能的浏览器中运行。模块导入、箭头函数、生成器等功能。它很可能是 webpack 构建的一部分，除其他外，它将扩展您的组件内的 react jsx 模板以及“babelify”您的源代码。

React 通常鼓励使用 ES6 进行模块化设计，因此有必要遵循它们的模式并仍然让代码在浏览器中可靠运行。

【讨论】：