jenkins+git构建web项目并远程部署到nginx

1、项目构建,构建一个自由风格的软件项目

jenkins+git构建web项目并远程部署到nginx_第1张图片

2、配置项目

丢弃老旧的项目

jenkins+git构建web项目并远程部署到nginx_第2张图片

GitURL值

jenkins+git构建web项目并远程部署到nginx_第3张图片

添加nodeis配置

jenkins+git构建web项目并远程部署到nginx_第4张图片

构建打包脚本

jenkins+git构建web项目并远程部署到nginx_第5张图片

远程服务器主机并执行脚本

jenkins+git构建web项目并远程部署到nginx_第6张图片

3、添加node服务

jenkins+git构建web项目并远程部署到nginx_第7张图片

4、构建项目

[root@dbmysql Mall ]# npm run build

问题一:

jenkins+git构建web项目并远程部署到nginx_第8张图片

经判断是last-call-webpack-plugin版本过高

解决办法:

(1)登录http://npm.taobao.org/package/last-call-webpack-plugin查询目前两个比较大的版本

jenkins+git构建web项目并远程部署到nginx_第9张图片

(2)卸载原来版本的last-call-webpack-plugin包

[root@dbmysql Mall]# npm uninstall -g last-call-webpack-plugin

up to date in 0.031s

(3)安装更低版本的软件(具体如下)

[root@dbmysql Mall]# npm install  [email protected] --save-dev

jenkins+git构建web项目并远程部署到nginx_第10张图片

继续构建

[root@dbmysql Mall-Frontend-Project-Temparay]# npm run build

问题二:

构建后出现下面问题

jenkins+git构建web项目并远程部署到nginx_第11张图片

解决办法同问题一:

(1)登录http://npm.taobao.org/package/optimize-css-assets-webpack-plugin查询最近的相差比较打的两个版本的插件

jenkins+git构建web项目并远程部署到nginx_第12张图片

(2)卸载现有的版本

[root@dbmysql Mall ]# npm uninstall -g optimize-css-assets-webpack-plugin
up to date in 0.031s

(3)安装上图中的版本(结果如下图)

[root@dbmysql Mall ]# npm install [email protected] --save-dev

jenkins+git构建web项目并远程部署到nginx_第13张图片

继续执行

[root@dbmysql Mall-Frontend-Project-Temparay]# npm run build

问题三:

jenkins+git构建web项目并远程部署到nginx_第14张图片

解决办法(因此时是缺失,不是版本原因,则此时只需要直接安装即可):

[root@dbmysql Mall ]# npm install expose-loader --save-dev

jenkins+git构建web项目并远程部署到nginx_第15张图片

问题四

报错如下

jenkins+git构建web项目并远程部署到nginx_第16张图片

解决方法

[root@dbmysql Mall-App-Pre]# npm config set user 0
[root@dbmysql Mall-App-Pre]# npm config set unsafe-perm true
[root@dbmysql Mall-App-Pre]# npm install
jenkins+git构建web项目并远程部署到nginx_第17张图片

问题五

报错如下

jenkins+git构建web项目并远程部署到nginx_第18张图片

解决办法

jenkins+git构建web项目并远程部署到nginx_第19张图片

最后执行npm run build 输出结果如下

jenkins+git构建web项目并远程部署到nginx_第20张图片

最后在jenkins项目上点击构建同样构建成功

jenkins+git构建web项目并远程部署到nginx_第21张图片

至此构建成功

你可能感兴趣的:(jenkins)