在现代的web应用程序中，使用React和Redux成为主流。而Redux Univeral Boilerplate是一个快速构建React+Redux的与服务器端渲染(SSR)的工具。本文将介绍如何使用npm包redux-universal-boilerplate进行初始化，构建和部署。
步骤1：安装
首先，在执行操作之前，需要确保本地计算机上已安装Node.js。可以从官方网站下载并安装。
然后，在要安装的项目文件夹中运行以下命令：
npm install --global redux-universal-boilerplate
此命令将在全局安装redux-universal-boilerplate。接下来，运行以下命令以在本地创建新的Redux应用程序：
redux-universal-boilerplate my-app
这将在my-app文件夹中创建新的Redux应用程序。
步骤2：运行
在本地运行应用程序需要依次在my-app文件夹中执行以下命令：
cd my-app npm install npm start
这将启动Web服务器，运行开发服务器。在浏览器中访问 http://localhost:3000，应用程序将在这个端口上运行。
步骤3：构建
构建应用程序可以在开发服务器上初始化该应用程序，但在实际部署之前，仍然可以构建本地版本。执行以下命令进行构建：
npm run build
构建完成后，本地应用程序将位于位于build文件夹中。该文件夹中的每个文件都是连接到应用程序的单个文件。
步骤4：部署
要部署应用程序，可以使用许多不同的方式。但是，在这里我们将使用Now平台。我们希望您已经创建了一个Now帐户。先在项目根目录下执行以下命令
now
即可将构建的应用程序部署到now平台上。现在，您可以通过以下网址访问部署的应用程序：
now alias https://your-app-12345.now.sh my-app
示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - ------------ --------------- - ---- --------
------ - -------- - ---- --------------
------ ----- ---- --------------
------ - -------------------- - ---- ----------
------ - ----------------- --------------- - ---- -------------------------
------ - ------------------- - ---- ---------------------------
------ --- ---- --------
------ ----------- ---- -------------
----- ------- - -----------------------
----- ---------- - ------- ---------------------------
----- ----- - ------------
---------------------
---------------------------------------------------
--
----------------
--------- --------------
---------------- ------------------
---- --
------------------
------------
-------------------------------
--结论
Redux Univeral Boilerplate是使用React和Redux构建与服务器端渲染(SRR)的一个强大工具。但是，它并不是唯一的库，您还可以选择其他库，例如Next.js和Gatsby。按照本文中的步骤，您应该可以开始使用redux-universal-boilerplate在几分钟内构建您的React + Redux应用程序，并将其部署到云端。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067011e361a36e0bce8d84