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