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