webpack은 dockerfile을 개선하여 자동화를 개선합니다.

Question

도커와 함께 npm 프로젝트를 자동화하는 방법을 알고 싶습니다.
Vue.js 프로젝트에서 webpack을 사용하고 있습니다. npm run buld을 실행하면 출력 폴더가 ./dist이됩니다. docker build -t projectname .을 통해 도커 이미지를 만들고이 컨테이너를 실행하면 모든 것이 완벽하게 작동합니다.

이 (here을 발견) 내 Dockerfile

FROM httpd:2.4 
COPY ./dist /usr/local/apache2/htdocs/ 

하지만 난 그냥 고정 표시기 이미지를 구축하고 npm run build를 통해 수동으로 프로젝트를 빌드 할 필요가 없습니다 수 있다면 좋을 것이다. 내 문제를 이해하니? 가능한 해결책은 무엇입니까?

Answer 1

컨테이너 외부에서 모든 작업 (npm build 및 기타 작업)을 수행하고 드물게 변경하는 경우 간단한 쉘 스크립트를 사용하여 두 명령을 래핑 할 수 있습니다.

빈번한 반복 개발을하는 경우 컨테이너 러너 (또는 로컬로 실행)로 태스크 러너 (grunt 어쩌면?)를 사용할 수 있습니다.

Docker에서 실행중인 작업을 수행하려면 docker-compose을 참조하십시오. 이를 설정하는 방법에 대한 자세한 내용은 워크 플로에 대한 세부 정보가 필요하지만 docker-compose은 단일 파일에서 & 여러 서비스를 쉽게 정의하고 간단한 명령 집합으로 시작하고 중지 할 수 있습니다.