create-react-app 工程,如何修改react端口號?


概要:

3000端口是webpack配置里面寫的,可以通過傳遞一個PORT全局變量,來修改這個端口。當然,您還可以在node_modules/react-scripts/目錄下面,批量搜索替換3000字樣,這個操作比較暴力。

最優方案先安裝cross-env插件,然后通過修改package.json中的命令行,傳遞進來新的PORT環境變量。本方案最完美,其余方案都是補充的逗逼方案。

全局安裝cross-env

npm install cross-env -g

修改package.json:

"scripts": {
    "start": "cross-env PORT=5000 react-scripts start",
    //...
}

方案二、

  window環境下:

set PORT=5000 && react-scripts start

  mac環境下:

PORT=5000 react-scripts start

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM