pd-react-scripts 是一个基于 create-react-app 的定制脚手架，它在 create-react-app 原有的基础上提供了一些额外的功能和工具。本文将介绍如何使用 pd-react-scripts 来快速搭建 React 项目。
安装
首先需要安装 Node.js 和 npm，可以从官网下载并安装。
接着，在命令行中执行以下命令来全局安装 pd-react-scripts：
--- ------- -- ----------------
创建新项目
创建一个新的 React 项目非常简单，只需要在命令行中执行以下命令：
---------------- ------ ------ -- ------ --- -----
这会创建一个名为 my-app 的新项目，并启动开发服务器。
构建项目
当准备好将项目部署到生产环境时，需要构建项目。在命令行中执行以下命令：
--- --- -----
这会在 build 目录下生成一个打包好的应用程序。可以将该目录下的所有文件上传到 Web 服务器上以进行部署。
配置
pd-react-scripts 提供了许多自定义配置的选项，可以通过在项目根目录下的 package.json 文件中添加一个名为 "pd-react-scripts" 的对象来进行配置。例如，可以添加以下内容来自定义 webpack 配置：
-
------- ---------
---------- --------
---------- -----
------------------- -
---------- -
------------ -
--------- -
-------- -
-
------- ---------
------ ------------
-
-
-
-
-
--
--------------- -
-------- ----------
------------ ----------
---------------- -------
--
---------- -
-------- ----------------- -------
-------- ----------------- -------
------- ----------------- ------
-------- ----------------- ------
-
-在这个例子中，我们向 configure 对象添加了一个名为 module 的选项，该选项包含了一个名为 rules 的数组。这个数组中有一个对象，用于指定如何处理 .txt 文件。在这个例子中，我们使用 raw-loader 来加载文本文件。
总结
通过 pd-react-scripts，我们可以快速搭建并配置 React 项目，使得开发者可以专注于业务逻辑的实现而不必花费大量时间来配置开发环境。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/54781