在前端开发中，构建和打包应用程序已经是家常便饭。create-react-app 是一个非常受欢迎的脚手架工具，它使 React 应用程序的创建变得轻而易举。然而，只使用 create-react-app 还不够。您需要管理它的依赖项，并处理它生成的构建文件。幸运的是，有一个 npm 包 desplega-create-react-app 可以帮助您自动执行这些任务。
本教程将向您展示如何使用 desplega-create-react-app，以便您能够更加高效地开发 React 应用程序。
安装 desplega-create-react-app
要使用 desplega-create-react-app，您需要首先安装它。打开您的终端并运行以下命令：
--- ------- -- -------------------------
这会全局安装 desplega-create-react-app，使您可以在任何地方运行它。
创建新的 React 应用程序
一旦您完成安装，就可以使用 desplega-create-react-app 创建一个新的 React 应用程序。打开您的终端，导航到您想要创建应用程序的目录，并运行以下命令：
------------------------- ------
这将创建一个名为 my-app 的新目录，并在其中生成 React 应用程序的所有必需文件和文件夹。
安装第三方依赖项
接下来，您需要添加 React 应用程序所需的其他依赖项。您可以像平常一样使用 npm 来安装这些依赖项。此时您现在已处于 my-app 目录中，可以运行以下命令开始安装：
--- ------- ---------------- ----- ------
运行本地开发服务器
使用 desplega-create-react-app，您可以轻松地启动一个本地开发服务器。在 my-app 目录中，运行以下命令：
--- -----
这将启动一个本地开发服务器，并在您的默认浏览器中打开 React 应用程序。现在，您可以通过 http://localhost:3000 访问您的应用程序。
构建生产应用程序
当您完成 React 应用程序的开发并准备将其部署到生产服务器上时，需要构建它。使用 desplega-create-react-app，可以轻松地生成可部署的生产应用程序。
在 my-app 目录中，运行以下命令：
--- --- -----
这将构建您的 React 应用程序，并将其保存在 build 文件夹中。
总结
在本教程中，您学会了如何使用 desplega-create-react-app 来快速创建 React 应用程序。您还学会了如何安装第三方依赖项，启动本地开发服务器和构建生产应用程序。
使用 desplega-create-react-app，您可以更加高效地开始开发 React 应用程序。它简化了管理依赖项和构建过程，使您能够专注于编写 React 代码。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f80238a385564ab6b06