Jenkins基础：使用NPM构建前端应用4：构建前端镜像

在前一篇文章中介绍了在Jenkins中利用NodeJS插件实现创建到编译的Angular的应用的过程，这篇文章将进一步延伸，将打包生成出来的dist/文件夹自动构建到一个nginx镜像之中。

基础知识

如果对于NodeJS的插件使用或者在Jenkins的Jenkinsfile中使用npm的基本方法不熟悉的开发者可以先行查看如下文章。

• 在Jenkins中安装和设定NodeJS插件：https://liumiaocn.blog.csdn.net/article/details/102618269
• 如何在Jenkinsfile中使用NodeJS：
• https://liumiaocn.blog.csdn.net/article/details/102598127

而关于Alpine镜像中使用NodeJS则有诸多问题，常见的对应方法可以参看：

• https://liumiaocn.blog.csdn.net/article/details/102587460

事前准备

安装NodeJS的10.15.3版，然后创建一个名为angular-pipeline-job的Pipeline类型的Job。

• 确认镜像状况

liumiaocn:~ liumiao$ docker images |grep angulardemo
liumiaocn:~ liumiao$

• Dockerfile准备

~ # cat /tmp/Dockerfile 
FROM nginx:latest

ADD demo/dist/* /usr/share/nginx/html
~ #

说明：
这是最简单的打包方法&