咨询create-react-app默认3000端口的指定位置

默认的3000端口并没有定义在你的项目源码里，而是藏在create-react-app的核心依赖包react-scripts及其关联工具包中，具体逻辑如下：

• 配置位置：
  这个端口常量DEFAULT_PORT定义在node_modules/react-dev-utils/WebpackDevServerUtils.js文件里（不同版本的react-scripts可能略有差异，旧版可能在react-scripts/scripts/start.js中）。打开这个文件就能看到类似代码：

  const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
  

  这里的逻辑是优先读取系统环境变量PORT，如果没有设置就默认用3000，这个值会被webpack-dev-server用来启动开发服务器。

• 为什么项目源码里搜不到：
  create-react-app做了封装，这些核心配置都在node_modules目录的依赖包中，你之前搜索的范围可能只覆盖了自己写的源码文件，没包含依赖目录。

• 编译后的代码里有吗：
  没有。这个端口只在开发阶段的webpack-dev-server启动时用到，生产环境编译后的静态文件不需要端口配置，端口由你部署的服务器（比如nginx、apache或者静态文件托管平台）决定。

• 需要解包吗：
  完全不用解包，直接去node_modules里找到对应的依赖文件就能查看，不需要对create-react-app进行eject操作。

内容的提问来源于stack exchange，提问作者CraftyFox