Question

我知道这对你们中的一些人来说可能是一个愚蠢的问题，但我是React的初学者，我希望创建一个非常简单的应用程序。我找到了一个样本，其中每个组件都保存在一个单独的js文件中，这看起来非常适合模块化和重用。

我现在唯一需要注意的是使用export / require。但是，我不需要依赖nodejs。我只需要一个可以在任何便宜的Web服务器上运行的简单的html / js应用程序。

我在某处读到了可以使用“Browserify”的内容，但看了之后，它似乎就像一个节点库。

我是否可以从网页（例如通过cdn）使用允许我使用require的库？如果没有，这是否意味着我无法将不同文件中的反应组件分开？

Answer 1

但是，我不需要依赖nodejs。

使用NodeJS。这就是React应用程序的设计方式。

我只需要一个可以在任何便宜的网络服务器上运行的简单的html / js应用程序

仅在 build 时需要NodeJS。您在开发工作站上运行它。输出是静态文件，您可以将其上传到任何Web服务器。

（注意：React应用程序通常用于生成HTTP请求以获取动态数据。有些教程使用Node构建服务器来监听并回复这些请求。请确保您不要将程序混淆使用程序运行Web服务器（在运行时）将React应用程序转换为ES5（在构建时运行），即使两者都是使用Node编写的。

Answer 2

如果您不想使用Node，可以使用webpack：https://webpack.github.io/ 你将生成一个static/bundle.js。如果您想了解更多信息，我会提到http://survivejs.com/

Answer 3

您需要的是一个构建步骤，它将单独的文件打包到一个或多个可以在浏览器中加载的包中。 Browserify可以用来做到这一点，但WebPack也很受欢迎。

这些工具需要一些配置，因此我认为最好的方法是使用像create-react-app这样的工具，它易于安装，并具有开发和打包应用程序以进行部署的命令。

它在内部使用webpack（以及其他一些工具），但您可以省去自己配置它的麻烦。如果您在任何时候需要超出create-react-app提供的高级配置，它就会有一个'eject'命令来公开原始配置文件。

入门很简单（取自他们的自述文件）：

npm install -g create-react-app  

create-react-app my-app
cd my-app/
npm start