在没有 babel 或任何构建工具的情况下，create-react-app 工具如何工作？

Question

我通常使用webpack 和babel 来配置我的react 项目。最近尝试使用 create-react-app。问题是当你使用 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 的方法

First the react 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 文件，在那里你将拥有你的反应代码。

And last

通常当你有 babel 时，你可以像这样调用 react

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

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

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

在没有 babel 或任何构建工具的情况下，create-react-app 工具如何工作？

How does create-react-app tool work without babel or any build tool?

javascript

reactjs

create-react-app