持续集成工具Jenkins学习5 NodeJS插件安装和npm前端编译

持续集成工具Jenkins学习5 NodeJS插件安装和npm前端编译

• ​​一、 安装过程​​

• ​​1. 准备工作​​
• ​​2. 安装nodejs​​
• ​​2. 安装nodejs插件​​
• ​​3. 配置nodejs​​
• ​​4. 配置npm源​​

• ​​二、配置jenkinsfile流水线项目​​

一、 安装过程

1. 准备工作

按之前文章安装配置好Jenkins、gitee 的凭据。nodejs可以选择全局安装，或者在Jenkins里构建。本文主要使用全局安装方式。

2. 安装nodejs

# 如果已经安装就忽略
yum install nodejs -y
npm -v
# 如果位置不在/usr/bin，就建三个软链接，不然Jenkins会找不到
ln -s /usr/local/bin/node /usr/bin/node
ln -s /usr/local/bin/npm /usr/bin/npm
ln -s /usr/local/bin/npx /usr/bin/npx

2. 安装nodejs插件

3. 配置nodejs

点击 ： Dashboard - Global Tool Configuration

留意这里的NodeJS版本， 点保存。

另外，如果要在构建时自动构建NodeJS环境，可以参考下图：

4. 配置npm源

点击 Manage Jenkins，找到Managed files：

点击 Add a new Config，选择Npm config file：

点击submit，弹出的窗口里，在Content填写：

registry =  https://registry.npm.taobao.org

复制这里的ID字符串。

二、配置jenkinsfile流水线项目

Jenkinsfile文件：

pipeline{
    agent any

    tools {nodejs "node"}

    stages {
        stage('Build') {
            steps {
                echo 'Building...'
                // 这里暂时有问题没调通
                // nodejs(nodeJSInstallationName: 'node', configId: '上面复制的configId') {
                //     // npm 编译安装
                //     sh 'npm install && npm run build:prod'
                // }
                sh 'npm install && npm run build:prod'
                sh "printenv"
            }
        }

    }

}