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。

5 我們在本機的專案資料夾目錄下啟動命令列工具，輸入“npm run build”來打包我們的專案檔案，打包完成後在同目錄下會生成一個build資料夾，如下圖：

6 接下來我們將這個build資料夾拷貝到伺服器的tomcat根目錄下，然後進入build資料夾，啟動命令列輸入“serve -s”即可看到如下圖（有時候專案目錄下有dist資料夾，然後生成不了build資料夾，此資料夾等同於build，將此資料夾拷貝至想同目錄下進行相同的後續步驟即可部署）：

7 此時，我們就可以在外網訪問我們的專案了。