创建-反应-应用程序工具如何在没有 babel 或任何构建工具的情况下工作

Question

我通常使用 webpack 和 babel 来配置我的 react 项目。最近尝试使用创建-反应-应用程序。问题是，当您使用create-react-app创建应用程序时，没有babel或任何构建工具(如gulp(安装在项目中，因为它似乎在package.json文件中。那么，如果没有这些工具，ES6 或其他东西如何工作呢？

Answer 1

像 babel 和 webpack 这样的东西是 react-scripts 包的依赖项，所以即使它们没有直接列在你的package.json中，它们也会通过 npm(或 yarn(下载，作为安装依赖项及其依赖项的一部分。

这是 react-scripts 的package.json文件，您可以在那里看到所有依赖项：https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/package.json

这种效果称为依赖树，您最终可能会得到大量您不知道的库。

更多在这里： https://en.wikipedia.org/wiki/Dependency_grammar

Answer 2

好吧，

这就是我在不使用 babel 的情况下做到的

首先反应 js

https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js
https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js

然后在那里创建一个jsx文件，您将拥有您的反应代码。

最后

正常情况下，当你有 babel 时，你可以这样称呼反应

ReactDOM.render(<ShoppingList name="test" />, document.getElementById('content')); 

但是感觉你没有 babel，那么调用会看起来像这样

ReactDOM.render(React.createElement(ShoppingList,{option}),document.getElementById('content'))