Новичок в Docker. Основной мой язык - TypeScript, потому мои FullStack-приложения разделены на исходный код и выходной JavaScript.
Я владею такими инструментами, как gulp и webpack, которые могут пересобрать проекты по мере внесения изменений в код (т. н. инкрементальная сборка), но мне непонятно, как заставить Docker видеть эти изменения.
В комментарии к вопросу Какие существуют походы для интеграции Docker-контейнера и инкрементальной сборки FullStack-проекта с серверной частью на NodeJS? мне порекомендовали такой подход:
Примонтировать папку с собираемым проектом в докер и дергать в докере команду на перезапуск сервера последним шагом при сборке.
Я не совсем понял, идёт ли речь о volum-ах, но в ответе на вопрос Какова правильная интерпретация сообщения “Creating network ”XXX“ with the default driver” при запуске Docker-а? мне порекомендовали их не использовать:
Cкорее все что указано в volume не нужно монтировать в контейнер, а указываться в Dockerfile через COPY.
(Оригинал)
Для того, чтобы попросить Вас показать реализацию одной из выше приведённых концепций, я взял такую структуру:
- 00-Source - исходные файлы
- 01-DevelopmentBuild - локальная сборка
Пока не знаю, как будет выглядеть окончательная структура проекта (консультируюсь по этому поводу в вопросе Являются ли папки с исходным и выходным кодом “приложением” в проектах использованием Docker?), но для конкретики начну с этой.
Начальный docker-compose.yaml
:
version: "3"
services:
webpack:
build: ./
volumes:
- ./00-Source:/Application/00-Source
- ./01-DevelopmentBuild:/Application/01-DevelopmentBuild
- ./.eslintignore:/Application/.eslintignore
- ./.eslintrc.yaml:/Application/.eslintrc.yaml
- ./.mocharc.yaml:/Application/.mocharc.yaml
- ./package.json:/Application/package.json
- ./tsconfig.json:/Application/tsconfig.json
ports:
- 5000:5000
Пока что единственный Dockerfile
FROM node:12.4
WORKDIR /Application
RUN npm i
CMD [ "npm", "run", "'Incremental development build'" ]
Как в данном примере можно организовать инкрементальную сборку?
Важный момент
Не знаю, сколько времени нужно на создание нового контейнера и его запуск, но я не думаю, что это займёт пару секунд. Поскольку уже второй раз вижу в ответах предложение создавать новый контейнер при обновлении кода и ещё какие-то манипуляции с системой контроля версий проводить, то на конкретном примере поясню, что мне надо:
- Добавил новое CSS-свойство -> сохранил файл -> стили тут же пересобрались -> изображение в браузере обновилось
- Удалил это CSS-свойство -> сохранил файл -> стили тут же пересобрались -> изображение в браузере вернулось к предыдущему
Без Dockera с помощью Gulp или Webpack и соответствующих плагинов каждый из этих процессов занимает 2-5 секунд для маленьких проектов, а при хорошей настройке время цикла будет порядка 10 секунд для крупных проектов. Не соврем понял, зачем мне предлагают создание новых контейнеров и манипуляции с системой контроля версий, но я так думаю, там уже этот цикл будет занимать уже минуты. С точки зрения высокотехнологической веб-разработки ждать по несколько минут, чтобы увидеть в браузере результат добавления нового CSS-свойства неприемлемо.
И да, конечно я говорю про режим локальной разработки, а что касается деплоя тестовой и продакшен-сборки, то там сделаю всё что потребуется: и управление системой контроля версий, и создание контейнеров, и CI.
Запрошенное уточнение
В этом вопросе полагается, что CI/CD собирается на стороне разработчика, а заказчик может только пользоваться готовым продуктом.