Как захостить статику из билда в контейнере?

Question

[historydev]

Для запуска локально юзал эту команду, как и советуют после билда реакта: serve -s -l 3000

Dockerfile:

FROM node:18

WORKDIR /app

COPY package*.json ./

RUN npm install --legacy-peer-deps

COPY . .

RUN npm run build

EXPOSE 3000

CMD ["npm", "run", "production"] # здесь вызывается serve -s -l 3000

Проверки:

root@gitlab:/home/gitlab-user# docker exec -it 6b1f811288a3 bash
root@6b1f811288a3:/app# ps aux | grep node
root          19  0.1  0.5 11328196 71440 ?      Sl   18:49   0:00 node /app/node_modules/.bin/serve -s -l 3000
root          37  0.0  0.0   3324  1472 pts/0    S+   18:53   0:00 grep node
root@6b1f811288a3:/app# ls
Dockerfile  README.md  build  capacitor.config.ts  node_modules  package-lock.json  package.json  public  resources  src  tsconfig.json
root@6b1f811288a3:/app#

После запуска я получаю html страницу с папками проекта:

скрин

При попытке открыть build/index.html, там похоже эта самая страница, что-то я сделал не так, но не понимаю что.

Comments

[sudo rm -rf /]

А если в CMD указать команду запуска как-есть?
Какой командой создаёте и запускаете образ?
Логи контейнера прикрепите тоже, пожалуйста

[sudo rm -rf /]

Ваша статика находится в подпапках.
В запрашиваемой директории нет индексных файлов, вот и отображается содержимое.
Либо выковыривайте результат сборки в отдельный слой и хотите уже его, либо надо разбираться, чего там с запуском serve

Answer 1

[Александр Карабанов]

Артефакт сборки надо поместить в /app

Тут не помешает двухстейджевая сборка, чтобы оптимизировать размер образа:

FROM node:18 as static-builder

WORKDIR /app

COPY package*.json ./

RUN npm install --legacy-peer-deps

COPY . .

RUN npm run build

# EXPOSE 3000 - эта директива оставлена для обратной совместимости и ни какие порты не открывает, можно её не использовать

FROM nginx

COPY --from=static-builder /app/publc /usr/shared/nginx/html
# или другой каталог, если артефакт сборки помещается не в /app/publc

Comments

[historydev]

Я прочитал, пока не могу попробовать - извините, сервак атаковали вчера, исправляю проделки.

Отмечу ответом как проверю, спасибо!

Видел подобный конфиг в примерах из гугла, не хотел изучать его, думал с командой будет попроще.

[historydev]

Ещё узнал что можно заюзать node:alpine и получить 200мб, вместо 2гб!

Жесть)

Answer 2

[wisead]

После билда нужно все положить в /app

Comments

[Александр Карабанов]

Полученный артефакт сборки, а не всё.

[wisead]

Ну ясно же как день что речь про результат сборки

[historydev]

команда хостит статику на порту, без разницы по идее где оно лежит, даже можно указать папку с которой статику брать, но попробую перед версией Александр Карабанов