网上关于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文件中添加依赖：
org.springframework.boot spring-boot-configuration-processor true
@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中依赖的版本：
