create-react-app

docker create-react-app Пример docker-compose для React

Возможный вариант:

docker-compose.yml:

version: '3.9'
services:
  frontend:
    working_dir: /var/www
    volumes:
      - '.:/var/www'
    ports:
      - "3000:3000"

Dockerfile:

FROM node:18.15-alpine
WORKDIR /var/www
COPY package.json ./
COPY package-lock.json ./
RUN npm ci
COPY ../ .
CMD npm start

Проблемы и решения для node_modules/

Всего есть две задачи/проблемы:

.env и .env.local Как задавать, переопределять и использовать Переменные окружения в коде React-приложения create-react-app

Если конфиг вебпака не извлечен (стандартное состояние create-react-app)

Для React 17 (и, скорее всего всех более новых версий) значения из файла .env (создаем его в корне проета) подтягиваются автоматически, далее все переменные с обязательным префиксом REACT_APP_ можно получить в коде через обращение к process.env.REACT_APP_ИмяПеременной, например, если задали в .env как:

REACT_APP_AUTH_HOST = 'test.loc'

то в коде приложения получаем получаем как:

npm start create-react-app -- Как переопределить сообщение сборки

Compiled successfully!

You can now view front-end in the browser.
.....

Note that the development build is not optimized.
To create a production build, use npm run build.

-- как добавить сюда свой текст. Вот в чем вопрос)

npm show message in terminal after build
npm\ show custom message in terminal after build
create-react-app show custom message after start

create-react-app Получение (экспорт) webpack.config Как его извлечь

Для этого используют команду:

npm run eject

это стандартная команда для create-react-app

После чего, возможно, потребуется:

  • удалить папку node_modules
  • заново установить зависимости (npm ci или yarn install)
Subscribe to RSS - create-react-app