Docker环境下Angular7项目ng build --prod构建耗时过长求助

我之前也碰到过几乎一模一样的坑！本地构建几分钟搞定，Docker里硬生生卡40分钟在92% chunk asset optimization TerserPlugin，试了--build-optimizer false和--sourceMap=false完全没用。后来排查下来，主要是Docker环境的资源限制和配置优化问题，给你分享几个亲测有效的解决办法：

1. 给Docker容器分配足够的CPU和内存 #

TerserPlugin是CPU密集型的任务，默认Docker给容器的CPU核心数和内存都很有限（比如很多环境默认只给1核+2G内存），而本地环境是用了主机的全部资源，这差距直接拉满。

你可以打开Docker的设置面板（比如Desktop版本的Settings -> Resources），把CPU核心调到4核以上，内存给到4G+，再重新构建试试——这一步大概率能解决80%的慢构建问题。

2. 更换更新的Node.js镜像 #

你的Dockerfile用的是node:carbon（对应Node 8），而Angular 7官方推荐的Node版本是10.9.0或更高。老版本的Node在V8引擎性能、内存管理上都不如新版本，换个适配的镜像能显著提升构建速度：

# 换成Node 14的LTS镜像（稳定且性能好）
FROM node:14

3. 优化npm依赖安装环节 #

• 用npm ci代替npm install：ci会严格按照package-lock.json安装依赖，跳过冗余的检查步骤，速度更快还能保证依赖版本一致；
• 确保.dockerignore文件里包含node_modules、dist、.git、*.log等不必要的文件，避免COPY时把冗余文件带进容器，减少构建时的扫描开销。

修改后的Dockerfile这部分可以改成：

FROM node:14
WORKDIR /usr/src/app
COPY package.json package-lock.json ./
# 用npm ci替代npm install
RUN npm ci
RUN npm install -g @angular/cli@6.1.0
# 确保.dockerignore过滤了冗余文件
COPY . .
RUN ng build --prod

4. 手动开启TerserPlugin的并行压缩 #

Angular的prod构建默认可能没有开启Terser的并行处理，你可以手动修改angular.json里的构建配置，让Terser利用多CPU核心：
找到projects -> [你的项目名] -> architect -> build -> configurations -> production，在optimization附近添加Terser的并行配置：

"optimization": {
  "scripts": true,
  "styles": {
    "minify": true,
    "inlineCritical": true
  },
  "fonts": true
},
"terserOptions": {
  "parallel": true,
  "extractComments": false,
  "mangle": true
}

开启parallel: true后，Terser会同时用多个线程处理压缩，在多CPU容器里速度会快很多。

5. 试试Docker多阶段构建 #

把构建和运行阶段分开，不仅能减小最终镜像的体积，还能让构建阶段的环境更纯净，避免一些隐性的性能问题：

# 第一阶段：构建Angular项目
FROM node:14 as builder
WORKDIR /usr/src/app
COPY package*.json ./
RUN npm ci
COPY . .
RUN ng build --prod

# 第二阶段：用轻量的Nginx镜像运行项目
FROM nginx:alpine
# 把构建好的dist文件复制到Nginx的静态目录
COPY --from=builder /usr/src/app/dist/[你的项目名] /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

按上面的步骤试下来，我当时的构建时间直接从30+分钟降到了5分钟以内，你可以从调整Docker资源开始试，这是见效最快的方法。

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