39、构建 Angular 与 React 应用的全流程指南

构建 Angular 与 React 应用的全流程指南

1. 创建 Angular 应用

在 angularapp 文件夹中运行以下命令，创建一个包含示例应用及其所需所有包的镜像：

docker build . -t angularapp -f  Dockerfile

此命令会让 Docker 处理 Dockerfile 中的指令，期间会下载并安装 NPM 包，同时将配置和代码文件复制到镜像中。

创建并启动新容器，使用如下命令：

docker run -p 4001:4001 angularapp

你可以在浏览器中打开 http://localhost:4000 来测试应用，此时会显示容器中运行的 Web 服务器提供的响应。

若要停止容器，先列出正在运行的容器：

docker ps

输出示例如下（为简洁起见，省略了部分字段）：
| CONTAINER ID | IMAGE | COMMAND | CREATED |
| ---- | ---- | ---- | ---- |
| 48dbd2431700 | angularapp | “docker-entrypoint.s…” | 41 seconds ago | </