jenkins分環(huán)境部署vue/react項(xiàng)目的方法步驟
更新時(shí)間：2022年02月23日 16:16:19 作者：不求甚解bc
這篇文章主要介紹了jenkins分環(huán)境部署vue/react項(xiàng)目的方法，本文分步驟給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
vue/react部署請(qǐng)參考上一篇文章：http://chabaoo.cn/article/238583.htm
項(xiàng)目開(kāi)發(fā)正常都需要開(kāi)發(fā)環(huán)境、測(cè)試環(huán)境、生產(chǎn)環(huán)境，每個(gè)環(huán)境部署都比較麻煩，可以使用jenkins自動(dòng)化部署
1、安裝自定義參數(shù)化插件 Extended Choice Parameter Plug-In
2、配置自定義參數(shù)
3、配置shell腳本
shell腳本內(nèi)容
#!/bin/bash
// 判斷環(huán)境
if [ $env == "dev" ]; then
url="devhtml"
echo "開(kāi)發(fā)環(huán)境"
elif [ $env == "test" ]; then
url="testhtml"
echo "測(cè)試環(huán)境"
else
url="html"
echo "生產(chǎn)環(huán)境"
fi
npm install
rm -rf ./dist/*
npm run build
// 根據(jù)環(huán)境的url，修改需要替換的環(huán)境目錄
rm -rf /usr/share/nginx/$url/vue-demo/*
cp -rf ./dist/* /usr/share/nginx/$url/vue-demo/到此這篇關(guān)于jenkins分環(huán)境部署vue/react項(xiàng)目的文章就介紹到這了,更多相關(guān)jenkins部署vue/react項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
react中的key屬性,它是一個(gè)特殊的屬性,它是出現(xiàn)不是給開(kāi)發(fā)者用的,而是給React自己使用,有了key屬性后,就可以與組件建立了一種對(duì)應(yīng)關(guān)系,本文主要介紹了React中Key屬性作用,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
React使用JSX來(lái)替代常規(guī)的JavaScript。JSX是一個(gè)看起來(lái)很像 XML的JavaScript語(yǔ)法擴(kuò)展。我們不需要一定使用 JSX，但它有以下優(yōu)點(diǎn)：JSX執(zhí)行更快，因?yàn)樗诰幾g為JavaScript代碼后進(jìn)行了優(yōu)化。它是類型安全的，在編譯過(guò)程中就能發(fā)現(xiàn)錯(cuò)誤。使用JSX編寫(xiě)模板更加簡(jiǎn)單快速2022-12-12
React Native 使用Fetch發(fā)送網(wǎng)絡(luò)請(qǐng)求的示例代碼
本篇文章主要介紹了React Native 使用Fetch發(fā)送網(wǎng)絡(luò)請(qǐng)求的示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
React是前端開(kāi)發(fā)每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，這篇文章就來(lái)總結(jié)一下我對(duì) react 原理的理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助2022-11-11
關(guān)于react-router中的Prompt組件使用心得
這篇文章主要介紹了關(guān)于react-router中的Prompt組件學(xué)習(xí)心得,Prompt組件作用是,在用戶準(zhǔn)備離開(kāi)該頁(yè)面時(shí),?彈出提示,?返回true或者false,?如果為true,?則離開(kāi)頁(yè)面,?如果為false,?則停留在該頁(yè)面，本文結(jié)合示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2023-01-01
React 中常用的幾種路由跳轉(zhuǎn)方式小結(jié)
基本路由跳轉(zhuǎn)是最常見(jiàn)的一種方式,下面介紹React 中常用的幾種路由跳轉(zhuǎn)方式,感興趣的朋友一起看看吧2023-12-12
React Router提供了幾種不同的跳轉(zhuǎn)方式,包括使用組件進(jìn)行頁(yè)面跳轉(zhuǎn)、使用組件進(jìn)行重定向,以及使用編程式導(dǎo)航進(jìn)行跳轉(zhuǎn),這篇文章主要介紹了React中的頁(yè)面跳轉(zhuǎn)方式詳解,需要的朋友可以參考下2023-09-09
這篇文章給大家總結(jié)了React中常用的一些鉤子函數(shù),文中通過(guò)代碼示例給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-01-01
Can't?perform?a?React?state?update?on?an?unmoun
這篇文章主要為大家介紹了Can't?perform?a?React?state?update?on?an?unmounted?component報(bào)錯(cuò)解決方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
Remix后臺(tái)開(kāi)發(fā)之remix-antd-admin配置過(guò)程
這篇文章主要為大家介紹了Remix后臺(tái)開(kāi)發(fā)之remix-antd-admin配置過(guò)程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04