React專案的打包與部署

2021-09-12 15:29:21 字數 526 閱讀 3642

打包編譯

執行完上述命令,開啟本地瀏覽器,輸入localhost:3000,就能看到專案的執行效果。此時是開發模式。

若使用npm run build,**會被編譯到build目錄。將整個應用打包發布,自動試用webpack進行壓縮與優化。

在專案路徑下,敲npm run buil,就出現了build資料夾,同時終端顯示這些文字:

大致意思是:已經編譯好啦。build生成的這些東西要放在伺服器root下,可以在pakege.json裡,根據綠字裡的例子,再重寫。

也能讓它充當靜態的伺服器,敲:npm install -g serve,在敲serve -s build,就可以了。

此時你可以通過localhost:8080/專案名 進行訪問你的react專案 

React專案的打包與部署到騰訊雲

npm 執行完上述命令,開啟本地瀏覽器,輸入localhost 3000,就能看到專案的執行效果。此時是開發模式。若使用npm run build,會被編譯到build目錄。將整個應用打包發布,自動試用webpack進行壓縮與優化。在專案路徑下,敲npm run buil,就出現了build資料夾,...

React專案的打包與部署到騰訊雲

npm 執行完上述命令,開啟本地瀏覽器,輸入localhost 3000,就能看到專案的執行效果。此時是開發模式。若使用npm run build,會被編譯到build目錄。將整個應用打包發布,自動試用webpack進行壓縮與優化。在專案路徑下,敲npm run buil,就出現了build資料夾,...

React專案的打包步驟

執行完上述命令,開啟本地瀏覽器,輸入localhost 3000,就能看到專案的執行效果。此時是開發模式。若使用npm run build,會被編譯到build目錄。將整個應用打包發布,自動試用webpack進行壓縮與優化。在專案路徑下,敲npm run build,就出現了build資料夾,同時終...