Jenkins基础 使用 NPM 构建 前端 应用 4 创建 frontend image

在先前的文章中，已经详细阐述了如何通过Jenkins平台结合NodeJS插件，完成从创建到编译Angular应用的全过程。本文将在此基础上进一步拓展，重点探讨如何将打包生成的dist/目录内容自动集成至一个nginx镜像之中。

基础知识概述

对于不熟悉NodeJS插件应用或在Jenkins的Jenkinsfile中如何调用npm基础操作的开发者，建议先查阅以下相关文章。

• Jenkins中NodeJS插件的安装与配置方法：
• Jenkinsfile中调用NodeJS的具体实现方式：

至于在Alpine镜像环境下部署NodeJS时可能遇到的问题，常见的解决办法可参考：

事前准备

将NodeJS 10.15.3版本进行安装操作，随后建立一个类型为Pipeline的Job，其名称设定为angular-pipeline-job。

• 检查镜像状态

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

• Dockerfile的构建与配置

    ~ # cat /tmp/Dockerfile 
    FROM nginx:la