网上关于React打包的教程特别少，大部分都是基于Vue的，不过React打包并不难，还是挺简单的。
1.首先在package.json中加个内容：“homepage”: “.”

2.因为我这react项目有用到react-router-dom，因此要把所有BrowserRouter改成HashRouter（原因你们自己去查，我这就不多说了，这步不改的话打包后运行的项目路由没法正常跳转）：

3.接着在package.json文件中，点击build命令：

这里如果没有快捷点击的命令，那么就手动输入：npm run build进行打包。

打包完会出现build文件夹：

到这里 前端react打包的任务就已经完成了啦。

接下来就是整合到SpringBoot项目中进行打成jar包！！！！

1.我们先在SpringBoot项目中建一个static文件夹：

2.把前面前端打包的build文件夹里面的所有内容复制粘贴到static文件夹下面：

3.接着我们要配置一些配置文件（跨域和文件访问设置）：
先在pom.xml文件中添加依赖：

<dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-configuration-processor</artifactId>
      <optional>true</optional>
</dependency>

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowCredentials(true)
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .maxAge(3600);
    }
}

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/static/**")
                .addResourceLocations("classpath/static/static/**").resourceChain(true);
    }

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {

        registry.addViewController("/").setViewName("forward:/index.html");


    }
}

4.接下来就是打成jar包：先点闪电，再点install
5.接下来在target下面就能看到jar包，本地仓库也可以找到。找到jar包后输入java -jar jar包名称 就能访问执行了哈


6.启动完之后，输入网址：http://localhost:8080/index.html就能访问了哈

最后贴上我package.json中依赖的版本：