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

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

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

2、配置项目

丢弃老旧的项目

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

GitURL值

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

添加nodeis配置

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

构建打包脚本

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

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

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

3、添加node服务

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

4、构建项目

[[email protected] Mall ]# npm run build

问题一:

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

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

解决办法:

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

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

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

[[email protected] Mall]# npm uninstall -g last-call-webpack-plugin

up to date in 0.031s

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

[[email protected] Mall]# npm install  [email protected] --save-dev

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

继续构建

[[email protected] Mall-Frontend-Project-Temparay]# npm run build

问题二:

构建后出现下面问题

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

解决办法同问题一:

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

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

(2)卸载现有的版本

[[email protected] Mall ]# npm uninstall -g optimize-css-assets-webpack-plugin
up to date in 0.031s

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

[[email protected] Mall ]# npm install [email protected] --save-dev

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

继续执行

[[email protected] Mall-Frontend-Project-Temparay]# npm run build

问题三:

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

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

[[email protected] Mall ]# npm install expose-loader --save-dev

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

问题四

报错如下

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

解决方法

[[email protected] Mall-App-Pre]# npm config set user 0
[[email protected] Mall-App-Pre]# npm config set unsafe-perm true
[[email protected] Mall-App-Pre]# npm install
jenkins+git构建web项目并远程部署到nginx

问题五

报错如下

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

解决办法

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

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

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

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

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

至此构建成功