javascript - React 和 JSX 与 ES5 的简单开发堆栈

Question

我开始使用 React，我想用 ES5 编写我的应用程序。我已经为 react.min.js、react-dom.min.js 和我自己的 app.js 文件创建了一个带有 script 标签的 html。现在我需要做什么才能在 JavaScript 文件中编写 JSX？

1. 预处理(JSX 到 JS)通常会在服务器上完成吗？或者有没有办法在客户端实现？
2. 我想让我的开发堆栈保持简单。我是否必须研究 webpack 还是有更简单的方法来处理 JSX(例如通过 npm 脚本或通过express)？
3. 似乎每个人都在使用 babel。如果我编写普通的旧 ES5，我可以不用它吗？

P.S:我将在服务器端使用 NodeJS 和 Express 来交付应用程序。

Answer 1

我会尝试尽可能详细地回答您的问题:

1. 你可以使用 Browserify 在服务器上转译 JSX 并节省一些时间，React 会向所有组件添加一个标志，以将组件标记为在服务器中渲染，但大多数人现在所做的是使用 webpack 在运行应用程序之前转译所有代码。您也可以在客户端上执行此操作，但我建议您在运行应用程序之前进行编译。
2. 在运行之前，您可以使用 browserify 和 npm 来将您的代码与 babel 一起转译
3. 是的，只要您的浏览器和客户的浏览器支持 ES5，您就可以，否则您会收到错误，并且什么都不起作用，这就是为什么每个人都在大多数浏览器中使用 babel 来支持 ES5 或 ES6。

希望这对您有帮助!