Question

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

Answer 1

像babel和webpack这样的东西是react-scripts软件包的依赖项，因此，即使它们未直接列在您的package.json中，它们也会被npm（或yarn）下载，作为安装依赖关系及其依赖关系。

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

这种效果称为依赖树，您最终可能会遇到不了解的库。

更多内容：https://en.wikipedia.org/wiki/Dependency_grammar

Answer 2

这就是我不使用babel的方式

首先是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文件，您将拥有您的反应代码。

最后

通常，当您有通天塔时，您可以像这样呼叫反应

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

但是感觉到您没有通天塔，那么呼叫看起来像这样

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

没有babel或任何构建工具的create-react-app工具如何工作？

2 个答案: