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

 

来源:https://www.cnblogs.com/xiaomili/p/10892877.html

posted @ 2020-05-09 16:47  两只小老虎  阅读(1100)  评论(0编辑  收藏  举报