在前端开发中，快速构建 React 应用程序是很常见的需求。使用 Create React App 可以轻松地完成这个任务。然而，你可能希望将你的 React 应用程序与后端框架集成在一起，比如使用 Spring Boot。这就是 @jwbennet/spring-boot-create-react-app 这个 npm 包的作用。本文就是为了向大家介绍该 npm 包的使用方法。
什么是 @jwbennet/spring-boot-create-react-app?
@jwbennet/spring-boot-create-react-app 是一个 npm 包，它可以将 Create React App 生成的 React 应用程序与 Spring Boot 集成在一起。这两个框架在一个项目中集成在一起时，可以很大程度上提高前后端开发的效率和协作。该 npm 包的实现方式是使用 webpack 将 React 应用程序打包为可部署文件并将其放入 Spring Boot 的静态资源路径中。
如何使用 @jwbennet/spring-boot-create-react-app?
安装
首先需要在系统中安装 Node.js，已安装的可以跳过此步骤。
$ sudo apt-get update $ sudo apt-get install nodejs $ sudo apt-get install npm
安装完成之后，就可以使用 npm 命令去安装 @jwbennet/spring-boot-create-react-app 了。
$ npm install --save @jwbennet/spring-boot-create-react-app
集成
集成该 npm 包的方式非常简单，只需要在待集成的 Spring Boot 工程的 pom.xml 文件中添加以下内容 :
-- -------------------- ---- -------
-------
---------
--------
--------------------------------------
----------------------------------------------
------------
-----------
----------- ---- --- --------
-------
---------------------------------
--------
---------------
-----------------------------------
------------------------------
----------------
------------
-----------
------- ------------
-------
----------------
--------
---------------
------------------------------
----------------
------------
-----------
------- --- ----------
-------
----------------
--------
---------------
-------------- -----------------
----------------
------------
-------------
---------
----------
--------该配置会在构建 Maven 项目时自动执行 npm install 和 npm run build 命令，将打包后的 React 应用程序放到 Spring Boot 静态资源路径下。
示例
下面的示例展示了如何使用该 npm 包的一个基本步骤：
- 使用 Create React App 创建一个 React 应用程序：
npx create-react-app my-app cd my-app
- 在 my-app 目录下安装 @jwbennet/spring-boot-create-react-app ：
npm install --save @jwbennet/spring-boot-create-react-app
- 拷贝以下文件到你的 Spring Boot 工程中：
my-app/README.md my-app/package.json my-app/build/ my-app/public/ my-app/src/
- 修改 Spring Boot 工程 pom.xml 文件中的内容：
-- -------------------- ---- -------
-------
---------
--------
--------------------------------------
----------------------------------------------
---------------
------------------------------------------
-----------------------------------
------------------------------
---------------------------------------
----------------
------------
-----------
----------- -------------
-------
---------------------------------
--------
------------
-----------
------- ------------
-------
----------------
--------
---------------
------------------------------
----------------
------------
-----------
------- --- ----------
-------
----------------
--------
---------------
-------------- -----------------
----------------
------------
-------------
---------
----------
--------
-----------
---- ---- ---- - -------- --------- ------------ ---- --- --------- -- --- ------ ---- --- ---
----------
----------------------------
-------------------------------
-----------
------------- 运行 Spring Boot 工程。
这个过程中，你所需要修改的最主要的内容就是 "../static/**" 这个目录的位置。
最后，将 React 应用程序和 Spring Boot 深度整合到一起，您的应用程序就可以同时拥有强大的前端和后端功能。
结论
@jwbennet/spring-boot-create-react-app 是一个非常方便的 npm 包，它可以将 Create React App 轻松集成到 Spring Boot 中，为我们节省了很多的时间和精力。这个包的用法非常简单，它非常适合那些需要快速创建 React 应用程序并将其与 Spring Boot 集成在一起的开发者。
参考
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590881e8991b448d6698