jenkins分環(huán)境部署vue/react項目的方法步驟
更新時間：2022年02月23日 16:16:19 作者：不求甚解bc
這篇文章主要介紹了jenkins分環(huán)境部署vue/react項目的方法，本文分步驟給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
vue/react部署請參考上一篇文章：http://www.dhdzp.com/article/238583.htm
項目開發(fā)正常都需要開發(fā)環(huán)境、測試環(huán)境、生產(chǎn)環(huán)境，每個環(huán)境部署都比較麻煩，可以使用jenkins自動化部署
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 "開發(fā)環(huán)境"
elif [ $env == "test" ]; then
url="testhtml"
echo "測試環(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項目的文章就介紹到這了,更多相關(guān)jenkins部署vue/react項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
當我們要求渲染時間盡量快、頁面響應(yīng)速度快時就會用到服務(wù)端渲染，本篇文章主要介紹了React服務(wù)端渲染，有興趣的可以了解一下2017-07-07
Modal(模態(tài)框)是 web 開發(fā)中十分常見的組件,即從頁面中彈出的對話框,下面這篇文章主要給大家介紹了關(guān)于React項目中hook實現(xiàn)展示對話框功能的相關(guān)資料,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了React中組件之間通信的方式,本文給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-07-07
本篇文章主要介紹了深入掌握 react的 setState的工作機制，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
一文教會你用redux實現(xiàn)computed計算屬性
在computed中,可以定義一些屬性,即計算屬性,下面這篇文章主要給大家介紹了關(guān)于如何利用redux實現(xiàn)computed計算屬性的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了React中的useEffect(副作用),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
react-native 封裝視頻播放器react-native-video的使用
本文主要介紹了react-native 封裝視頻播放器react-native-video的使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2023-01-01
react將文件轉(zhuǎn)為base64上傳的示例代碼
本文主要介紹了react將文件轉(zhuǎn)為base64上傳的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2023-09-09
今天介紹下React手寫tab切換問題，代碼部分包括父文件，子文件及子文件tab樣式，本文通過實例代碼給大家介紹的非常詳細，感興趣的朋友跟隨小編一起看看吧2021-11-11
前段時間接到這樣一個需求,需要封裝一個組件實現(xiàn)可編輯,這個到底有多通用呢,就是需要在普通的文字展示包括表格,列表等等,所以本文將給大家介紹如何基于react封裝一個通用可編輯組件,需要的朋友可以參考下2024-02-02