jenkins分环境部署vue/react项目的方法步骤

 更新时间:2022年02月23日 16:16:19   作者:不求甚解bc  
这篇文章主要介绍了jenkins分环境部署vue/react项目的方法,本文分步骤给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

vue/react部署请参考上一篇文章:https://www.jb51.net/article/238583.htm

项目开发正常都需要开发环境、测试环境、生产环境,每个环境部署都比较麻烦,可以使用jenkins自动化部署

1、安装自定义参数化插件 Extended Choice Parameter Plug-In

2、配置自定义参数

3、配置shell脚本

shell脚本内容

#!/bin/bash
// 判断环境
if [ $env == "dev" ]; then
    url="devhtml"
	echo "开发环境"
elif [ $env == "test" ]; then
    url="testhtml"
	echo "测试环境"
else
	url="html"
	echo "生产环境"
fi
 
npm install
rm -rf ./dist/*
npm run build
// 根据环境的url,修改需要替换的环境目录
rm -rf /usr/share/nginx/$url/vue-demo/*
cp -rf ./dist/* /usr/share/nginx/$url/vue-demo/

到此这篇关于jenkins分环境部署vue/react项目的文章就介绍到这了,更多相关jenkins部署vue/react项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • React服务端渲染(总结)

    React服务端渲染(总结)

    当我们要求渲染时间尽量快、页面响应速度快时就会用到服务端渲染,本篇文章主要介绍了React服务端渲染,有兴趣的可以了解一下
    2017-07-07
  • React项目中hook实现展示对话框功能

    React项目中hook实现展示对话框功能

    Modal(模态框)是 web 开发中十分常见的组件,即从页面中弹出的对话框,下面这篇文章主要给大家介绍了关于React项目中hook实现展示对话框功能的相关资料,需要的朋友可以参考下
    2022-05-05
  • 详解React中组件之间通信的方式

    详解React中组件之间通信的方式

    这篇文章主要介绍了React中组件之间通信的方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-07-07
  • 深入掌握 react的 setState的工作机制

    深入掌握 react的 setState的工作机制

    本篇文章主要介绍了深入掌握 react的 setState的工作机制,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 一文教会你用redux实现computed计算属性

    一文教会你用redux实现computed计算属性

    在computed中,可以定义一些属性,即计算属性,下面这篇文章主要给大家介绍了关于如何利用redux实现computed计算属性的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • React中的useEffect(副作用)介绍

    React中的useEffect(副作用)介绍

    这篇文章主要介绍了React中的useEffect(副作用),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • react-native 封装视频播放器react-native-video的使用

    react-native 封装视频播放器react-native-video的使用

    本文主要介绍了react-native 封装视频播放器react-native-video的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • react将文件转为base64上传的示例代码

    react将文件转为base64上传的示例代码

    本文主要介绍了react将文件转为base64上传的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-09-09
  • React手写tab切换问题

    React手写tab切换问题

    今天介绍下React手写tab切换问题,代码部分包括父文件,子文件及子文件tab样式,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2021-11-11
  • 基于react封装一个通用可编辑组件

    基于react封装一个通用可编辑组件

    前段时间接到这样一个需求,需要封装一个组件实现可编辑,这个到底有多通用呢,就是需要在普通的文字展示包括表格,列表等等,所以本文将给大家介绍如何基于react封装一个通用可编辑组件,需要的朋友可以参考下
    2024-02-02

最新评论