react 项目的部署和普通的 web 项目部署过程不同. 下面来看一下整个项目从生成到发布的整个流程. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
一, 项目生成
1, 进入项目文件夹, 在此处打开命令行工具, 输入 "npx create-reacr-app my test" 生成一个名为 mytest 的项目文件, 如图:
2, 然后进入到这个文件夹, 输入命令 "npm start" 启动项目, 如图:
3, 如上所示就是一个简单的 react 项目, 接下来我们将它部署到服务器上面.
二, 项目发布
前提步骤:
1, 在服务器环境里先安装 java 和 tomcat.
2, 然后下载 node.JS 安装包, 点击安装.
3, 安装完成后, 打开命令行窗口, 输入 "npm install -g create-react-app" 来全局安装 react 的脚手架工具.
4, 然后输入命令 "npm install -g serve" 来安装 serve.
将 react 项目部署到服务器
1, 我们在本机的项目文件夹目录下启动命令行工具, 输入 "npm run build" 来打包我们的项目文件, 打包完成后在同目录下会生成一个 build 文件夹, 如下图:
2, 接下来我们将这个 build 文件夹拷贝到服务器的 tomcat 根目录下, 然后进入 build 文件夹, 启动命令行输入 "serve -s" 即可看到如下图 (有时候项目目录下有 dist 文件夹, 然后生成不了 build 文件夹, 此文件夹等同于 build, 将此文件夹拷贝至想同目录下进行相同的后续步骤即可部署):
7, 此时, 我们就可以在外网访问我们的项目了.
来源: http://www.css88.com/qa/react/14488.html