欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jenkins分環(huán)境部署vue/react項目的方法步驟

 更新時間：2022年02月23日 16:16:19   作者：不求甚解bc  
這篇文章主要介紹了jenkins分環(huán)境部署vue/react項目的方法，本文分步驟給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

vue/react部署請參考上一篇文章：http://www.dbjr.com.cn/article/238583.htm

項目開發(fā)正常都需要開發(fā)環(huán)境、測試環(huán)境、生產環(huán)境，每個環(huán)境部署都比較麻煩，可以使用jenkins自動化部署

1、安裝自定義參數(shù)化插件 Extended Choice Parameter Plug-In

2、配置自定義參數(shù)

3、配置shell腳本

shell腳本內容

#!/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 "生產環(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/

到此這篇關于jenkins分環(huán)境部署vue/react項目的文章就介紹到這了,更多相關jenkins部署vue/react項目內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

  • React中Key屬性作用

    React中Key屬性作用

    react中的key屬性,它是一個特殊的屬性,它是出現(xiàn)不是給開發(fā)者用的,而是給React自己使用,有了key屬性后,就可以與組件建立了一種對應關系,本文主要介紹了React中Key屬性作用,具有一定的參考價值,感興趣的可以了解一下
    2024-01-01
  • React?JSX深入淺出理解

    React?JSX深入淺出理解

    React使用JSX來替代常規(guī)的JavaScript。JSX是一個看起來很像 XML的JavaScript語法擴展。我們不需要一定使用 JSX，但它有以下優(yōu)點：JSX執(zhí)行更快，因為它在編譯為JavaScript代碼后進行了優(yōu)化。它是類型安全的，在編譯過程中就能發(fā)現(xiàn)錯誤。使用JSX編寫模板更加簡單快速
    2022-12-12
  • React Native 使用Fetch發(fā)送網(wǎng)絡請求的示例代碼

    React Native 使用Fetch發(fā)送網(wǎng)絡請求的示例代碼

    本篇文章主要介紹了React Native 使用Fetch發(fā)送網(wǎng)絡請求的示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-12-12
  • React框架核心原理全面深入解析

    React框架核心原理全面深入解析

    React是前端開發(fā)每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，這篇文章就來總結一下我對 react 原理的理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助
    2022-11-11
  • 關于react-router中的Prompt組件使用心得

    關于react-router中的Prompt組件使用心得

    這篇文章主要介紹了關于react-router中的Prompt組件學習心得,Prompt組件作用是,在用戶準備離開該頁面時,?彈出提示,?返回true或者false,?如果為true,?則離開頁面,?如果為false,?則停留在該頁面，本文結合示例代碼介紹的非常詳細，需要的朋友可以參考下
    2023-01-01
  • React 中常用的幾種路由跳轉方式小結

    React 中常用的幾種路由跳轉方式小結

    基本路由跳轉是最常見的一種方式,下面介紹React 中常用的幾種路由跳轉方式,感興趣的朋友一起看看吧
    2023-12-12
  • React中的頁面跳轉方式示例詳解

    React中的頁面跳轉方式示例詳解

    React Router提供了幾種不同的跳轉方式,包括使用組件進行頁面跳轉、使用組件進行重定向,以及使用編程式導航進行跳轉,這篇文章主要介紹了React中的頁面跳轉方式詳解,需要的朋友可以參考下
    2023-09-09
  • React中常用的一些鉤子函數(shù)總結

    React中常用的一些鉤子函數(shù)總結

    這篇文章給大家總結了React中常用的一些鉤子函數(shù),文中通過代碼示例給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下
    2024-01-01
  • Can't?perform?a?React?state?update?on?an?unmounted?component報錯解決

    Can't?perform?a?React?state?update?on?an?unmoun

    這篇文章主要為大家介紹了Can't?perform?a?React?state?update?on?an?unmounted?component報錯解決方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-12-12
  • Remix后臺開發(fā)之remix-antd-admin配置過程

    Remix后臺開發(fā)之remix-antd-admin配置過程

    這篇文章主要為大家介紹了Remix后臺開發(fā)之remix-antd-admin配置過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2023-04-04

最新評論