Jenkins构建Vue项目
配置ssh
安装插件Publish over SSH
Jenkins配置node环境
- 在Jenkins插件中搜索NodeJS 进行安装
- 全局工具配置中指定node版本,也可以通过在Jenkins所属服务器中安装nodejs,然后在指定nodejs安装目录
Jenkins 新建Item工程
选择一个Freestyle project
源码管理配置git代码地址
构建环境勾选
Provide Node & npm bin/ folder to PATH
- 选择配置的nodejs
构建配置shell命令
echo $PATH
# 以下四行第一次构建成功后可以注释掉
#node -v
#npm -v
#npm config set registry http://registry.npm.taobao.org
#npm config get registry
rm -rf dist #删除上一次构建生成的文件夹
npm install #安装依赖
npm run build #构建完成后会在目录下创建dist 只需要将dist内的文件部署
cd dist
tar -zcvf vue.tar.gz ./* #压缩当前目录的所有文件
cd ../
构建后发送到服务器
echo '-------------start tar decompress-----------------'
cd /opt/vue
tar -zxvf vue.tar.gz -C /opt/vue/elment/ # 可以解压到nginx下,重启nginx
rm -rf vue.tar.gz
echo '-------------success-----------------'