Docker build: Not showing dist folder after ng build - node.js

Question

I'm trying to containerize an angular-9 application.
dockerfile
FROM node:14.17.0-alpine as build-step
RUN mkdir -p /app
WORKDIR /app
COPY package.json /app
COPY . /app
# Install & build packages
RUN npm install
# Listing 1
RUN ls -la
RUN npm run build:docker
# Listing 2
Run ls -la
# Setup nginx
FROM nginx:alpine
COPY nginx.conf /etc/nginx/nginx.conf
COPY --from=build-step /app/dist/ /usr/share/nginx/html/
# Expose port 80
EXPOSE 80
Package.json
script: {
"build:docker": "node --max-old-space-size=10240 ./node_modules/#angular/cli/bin/ng build --prod --output-path=dist"
}
#Listing 1(in dokerfile) shows node-modules folder but Listing 2(in dokerfile) doesn't.
Also in the end, it throws error
COPY failed: stat app/dist/: file does not exist
I'm unable to understand why it is not fetching files which were build in docker.
I'm adding the screenshot of logs below.

Answer 1

What about this Dockerfile
FROM node:14.17.0-alpine as build-step
WORKDIR /app
COPY package.json .
COPY package-lock.json .
RUN npm ci
# node_modules installed
COPY . .
RUN npm run build:docker
# dist filled with your build app
FROM nginx:alpine
COPY nginx.conf /etc/nginx/nginx.conf
COPY --from=build-step /app/dist/ /usr/share/nginx/html
you should have a .dockerignore file in the same directory containing
dist
node_modules
This should install exactly the versions of package-lock.json via npm ci. It doesn't copy dist or node_module directories through the .dockerignore and speeds up your build.
If this all doesn't help, please provide the output of RUN npm run build:docker.