create-react-app ,修改默認端口號

create-react-app ,修改默認端口號

應用場景，當3000端口被佔用的時候，此時有需要啓動這個項目

• 3000端口是webpack配置好的，create-react-app已經隱藏了webpack的配置,可以用 npm run eject將webpack配置導出，然後在script文件夾下的start.js中修改端口號

• 直接在node_modules/react-script/目錄下面，將3000端口換成你想設置的端口號，不建議這樣做，因爲每次重新安裝依賴，都得改一次

• 在package.json文件中設置端口號，先安裝cross-evn模塊，修改package.json,傳遞新的PORT環境變量。

  • 全局安裝cross-evn

    npm install cross-evn -g
    

  • 修改package.json:

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