如何修改Angular源码中adev HTTP服务器端口？

云上老周

2026-6-14

解决Angular源码adev HTTP服务器端口修改无效的问题

以下是针对端口修改不生效问题的排查和解决步骤：

清理Bazel构建缓存
Bazel会缓存构建结果，修改源码后可能未触发重新构建。执行命令清理缓存：
```
bazel clean --expunge
```
清理完成后重新运行yarn docs命令。
检查yarn docs脚本定义
查看项目根目录package.json中docs脚本的具体内容，确认是否硬编码了4200端口参数。比如脚本可能是：
```
"docs": "adev start --port 4200"
```
若存在这种情况，直接修改脚本中的端口值为4242即可。
确认修改的文件路径是否正确
Angular源码构建通常依赖本地packages/build-tooling/目录下的代码，而非node_modules中的依赖。请检查并修改packages/build-tooling/bazel/http-server/index.bzl和main.ts文件，而非node_modules内的对应文件。
排查Bazel全局配置
查看项目根目录的.bazelrc或tools/bazel.rc文件，是否存在端口相关的全局定义，比如：
```
build --define=http_server_port=4200
```
若有，将其修改为4242。
重新编译build-tooling模块
修改build-tooling目录下的代码后，需先编译该模块才能让修改生效：
```
yarn build build-tooling
```
编译完成后再执行yarn docs启动服务。