更改react默认端口

笔记向 鉴于自己可能只有七秒记忆（认真脸 -.-），决定以后将看到 / 遇到的小知识点都记录下来，用于以后翻阅（不一定记得翻），所谓温故而知新，好记性不如烂键盘。

react 版本: "16.13.1"

背景

• 当create-react-app [项目名] 创建一个新的项目时候，react脚手架默认将配置文件“隐藏”到node-modules/react-scripts文件夹里面
• 运行npm run eject 就可以将配置文件暴露出来
  • 此命令不可逆转
  • 执行命令后，项目中会多两个文件夹：config + scripts

1.start.js

• 以暴露配置项之后修改为例（有config文件夹）
  • 如果没有执行没有run eject，需要打开依赖包进行修改

2.set启动命令

[windows cmd]

指定一个端口或协议运行react项目

• set HTTPS=true&&npm start
• set PORT=3002&&npm start

3.cross-env

npm i --save-dev cross-env

• a）未释放过create-react-app的webpack配置文件（未执行过npm run eject）

  "scripts": {
    "start": "cross-env PORT=3006 react-scripts start", // 设置端口
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

• b）webpack配置文件已暴露

∧＿∧  
（｡･ω･｡)つ━☆・*。  
⊂　　 ノ 　　　・゜+.  
　しーＪ　　　°。+ *´¨)  
　　　 　　.· ´¸.·*´¨) ¸.·*¨)  
　　　　　　　 　(¸.·´ (¸.·’*
\\\\\\\ | ///////
  知识点位招租
/////// | \\\\\\\

4.备注

• 以上都是修改环境变量的方法，真实项目中可能要修改/新增各种不同的入参
• 以上有误或者知识点位待填充，欢迎大佬们指导^_^