目錄
1.功能需求
2.安裝插件
2.1 安裝NodeJS插件
2.2? 安裝SVN插件
3.配置環(huán)境
3.1? NodeJS環(huán)境
4.新建任務(wù)配置部署信息
4.1? 源代碼管理
4.2? 構(gòu)建觸發(fā)器
4.3? 構(gòu)建環(huán)境
?4.4? 構(gòu)建步驟
5.構(gòu)建項(xiàng)目
?5.1?點(diǎn)擊查看控制臺(tái)日志
1.功能需求
使用Jenkins從SVN上拉取Vue項(xiàng)目進(jìn)行自動(dòng)構(gòu)建打包。如果需要發(fā)布到其他服務(wù)器上，可以配合使用Publish Over SSH插件來完成，本文章這部分不做描述。
當(dāng)前環(huán)境
系統(tǒng)環(huán)境CentOS7.3
Jenkins版本是Version 2.400，部署在docker環(huán)境
NodeJS版本v18.16.0，通過Jenkins自動(dòng)安裝。
npm版本9.5.1，NodeJS內(nèi)置
源代碼管理Subversion
2.安裝插件
2.1 安裝NodeJS插件
點(diǎn)擊系統(tǒng)管理，然后點(diǎn)擊插件管理，在可選插件里面，搜索NodeJS插件，然后安裝
2.2? 安裝SVN插件
點(diǎn)擊系統(tǒng)管理，然后點(diǎn)擊插件管理，在可選插件里面，搜索SVN插件，然后安裝
3.配置環(huán)境
3.1? NodeJS環(huán)境
打開系統(tǒng)管理，全局工具配置
安裝nodejs我們這里選擇自動(dòng)下載，選擇版本是NodeJS 18.16.0
?取一個(gè)別名NodeJS-18，其他默認(rèn)就行了，保存
4.新建任務(wù)配置部署信息
新建任務(wù)，然后點(diǎn)構(gòu)建一個(gè)自由風(fēng)格的軟件項(xiàng)目
4.1? 源代碼管理
我這里代碼是需要從SVN服務(wù)器上拉取，所以我之前安裝了SVN插件。
勾選subversion，Repository URL填寫源代碼SVN項(xiàng)目地址
Credentials這里可以選擇點(diǎn)擊添加新的全局賬號(hào)憑證
?設(shè)置用戶和密碼保存
4.2? 構(gòu)建觸發(fā)器
可以根據(jù)項(xiàng)目的設(shè)置自動(dòng)發(fā)布的觸發(fā)條件(我這里省略)
常用的是
定時(shí)構(gòu)建，使用cron表達(dá)式cron表達(dá)式定時(shí)構(gòu)建 0 8,18?* * *每天8點(diǎn)和晚上6點(diǎn)自動(dòng)構(gòu)建(一共2次)
輪詢SCM，H/5 * * * * 表示每5分鐘去查看git代碼有沒有更新,有更新自動(dòng)發(fā)布
4.3? 構(gòu)建環(huán)境
勾選Provide Node & npm bin/ folder to PATH，選擇剛剛配置的NodeJS-18
?4.4? 構(gòu)建步驟
點(diǎn)擊增加構(gòu)建步驟，選擇執(zhí)行shell命令(windows環(huán)境選擇執(zhí)行cmd)
?添加下面的命令進(jìn)行構(gòu)建
node -v
npm -v
export NODE_OPTIONS=--openssl-legacy-provider
npm install
npm run build5.構(gòu)建項(xiàng)目
選擇剛剛的任務(wù)，點(diǎn)擊立即構(gòu)建
?5.1?點(diǎn)擊查看控制臺(tái)日志
下面的Finished: SUCCESS代表著已經(jīng)構(gòu)建成功
?在項(xiàng)目工作空間可以看到打包后的項(xiàng)目
文章來源：http://www.zghlxwxcb.cn/news/detail-421202.html
?如果需要發(fā)布項(xiàng)目到遠(yuǎn)程服務(wù)器，請(qǐng)安裝使用Publish over SSH插件。謝謝。文章來源地址http://www.zghlxwxcb.cn/news/detail-421202.html
到了這里，關(guān)于Jenkins自動(dòng)拉取SVN源代碼構(gòu)建打包vue前端項(xiàng)目的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
