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",
    //...
}

方案2、

　　window環境下：

set PORT=5000 && react-scripts start

　　mac環境下：

PORT=5000 react-scripts start