Jenkins配置前端项目(Windows本地)

安装Jenkins这些操作暂时跳过只展示流程配置。分为自由分格和流水线。

一、自由风格项目

1. 新建一个自由项目

2。填写服务器信息。然后点击高级 

 填写完毕点击 保存。

 3。安装nodejs环境

4, 配置项目   选择刚才建的项目，点击 配置 

 添加项目仓库  git

选择node环境 

开始构建

 构建后操作 选择

​​​​​​​

若System 里 Remote directory配置过前缀，这里的Remote directory只需配置dist所在的位置。

然后点击保存后   点击左侧  Build  Now  就可以运行了。

二、 流水线任务

pipeline {
    agent {
        docker {
            reuseNode 'true'
             image 'node:22.17.0-alpine'
        }
    }
    
    stages {
        stage('拉取代码') {
            steps {
                git(
                    branch: 'dev',
                    url: '自己的代码仓库',
                    credentialsId: 'git 凭证'
                )
            }
        }
        stage('安装依赖') {
            steps {
                 sh 'node -v'
                 sh 'npm i -g pnpm'
                  sh 'pnpm i'
            }
        }
        stage('构建') {
            steps {
                sh 'pnpm run build'
            }
        }
        stage('部署到远端服务') {
            steps {
                sshPublisher(
                    publishers: [
                        sshPublisherDesc(
                            configName: '这里填写服务区名称 在系统配置填的那个',
                            transfers: [
                                sshTransfer(
                                    sourceFiles: 'dist/**',
                                    remoteDirectory: '若系统 路径里配置过这里直接写dist存放位置'
                                )
                            ],
                            usePromotionTimestamp: false,
                            useWorkspaceInPromotion: false,
                            verbose: false
                        )
                    ]
                )
            }
        }
    }
    
    post {
        always {
            cleanWs(
                deleteDirs: true,  
                patterns: [
                    [pattern: 'node_modules/**', type: 'EXCLUDE'],
                    [pattern: 'pnpm-workspace.yaml', type: 'EXCLUDE'],
                     
                ]
            )
        }
    }
}

 上面的credentialsId在哪里

所有配置填写后 点击左侧  Build  Now 。