React项目的打包与部署

打包编译
执行完上述命令，打开本地浏览器，输入localhost：3000，就能看到项目的运行效果。此时是开发模式。

若使用npm run build，代码会被编译到build目录。将整个应用打包发布，自动试用webpack进行压缩与优化。

在项目路径下，敲npm run buil，就出现了build文件夹，同时终端显示这些文字：

大致意思是：已经编译好啦。build生成的这些东西要放在服务器root下，可以在pakege.json里，根据绿字里的例子，再重写。

也能让它充当静态的服务器，敲：npm install -g serve，在敲serve -s build，就可以了。

部署方法：
使用npm run build将项目打包
把打包后的文件夹中内容放到tomcat中webapps下的Root中
开启服务器访问localhost:8080端口即可以看到你的项目内容
不放置在Root目录下的坑：
由于默认path.js【路径：你的react项目名\node_modules\react-scripts\config\path.js】的配置是’/’即对根目录有效，所以如果不放在root下则需要将’/’变成’./’即相对路径有效。（修改代码约在第45行） 

此时你可以通过localhost:8080/项目名 进行访问你的react项目