docker - webpack通过改善dockerfile来提高自动化

Question

我想知道如何使用docker更好地自动化我的npm项目。
我正在将Webpack与Vue.js项目结合使用。当我运行npm run buld时，我得到一个输出文件夹./dist，这很好。如果然后我通过docker build -t projectname .构建docker镜像并运行此容器，则一切运行正常。

这是我的Dockerfile(找到here)

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

但是，如果我可以仅构建docker镜像，而不必通过 npm run build手动构建项目，那就太好了。你明白我的问题吗？
有什么可能的解决方案？

Answer 1

如果您要在容器外部进行所有工作(npm build和其他工作)，并且不经常更改，则可以使用简单的shell脚本来包装这两个命令。

如果您要进行更频繁的迭代开发，则可以考虑使用任务运行程序(也许是咕gr作响？)作为容器服务(或在本地运行)。

如果要在Docker内部运行/构建任务，可以查看docker-compose。有关如何设置此参数的确切详细信息，将需要有关您的工作流程的更多详细信息，但是docker-compose使在单个文件中定义和链接多个服务以及使用一组简单的命令启动和停止它们相对容易。