前言：
create-react-app生成的項目，默認端口號是3000。但是，總是有人蠢蠢欲動，想要修改這個3000端口。本文中的主要內容，就是使用各種方案修改這個3000端口，總有一款適合你。
主體：
（1）方案1
3000端口是webpack配置里面寫的，可以通過傳遞一個PORT全局變量，來修改這個端口。當然，您還可以在node_modules/react-scripts/目錄下面，批量搜索替換3000字樣。
詳解：
前用create-react-app創建的項目是有scripts文件夾的，在start.js里面修改端口號即可，最近創建的項目發現沒有scripts文件夾了，
看了一下package.json才發現這些東西都被放在依賴里面了，在node_modules文件夾里面搜索react-scripts，之后可以在該文件夾下看到scripts文件夾。
在start.js里面找到端口號並修改。如圖：
（2）npm run eject噴射釋放出配置文件
默認webpack的配置被隱藏在node_moudles，在項目下執行npm run eject可以將配置釋放出來，這樣就可以配置端口號等webpack相關信息，並可在scripts/start下修改端口號
（3）package.json 里面配置端口號
（4）插件方案cross-env
先安裝cross-env插件，然后通過修改package.json中的命令行，傳遞進來新的PORT環境變量。
（5）小結
原理上來說，就是定義個全局變量PORT，而手法上就有很多種了，選擇一種適合你的就可以了！
.
前用create-react-app創建的項目是有scripts文件夾的，在start.js里面修改端口號即可，最近創建的項目發現沒有scripts文件夾了，看了一下package.json才發現這些東西都被放在依賴里面了，在node_modules文件夾里面搜索react-scripts，之后可以在該文件夾下看到scripts文件夾。在start.js里面找到端口號並修改。如圖：
作者：前端喵
鏈接：https://www.jianshu.com/p/80a7603dda70
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。