Jenkins主动前端代码
最近公司我的项目重构,PHP的前后端代码拆散,当初前端代码须要npm run build,当初依据之前的状况,进行前端构建拉取推送。
一、环境配置
[[email protected] ~] curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash#运行实现后须要退出以后环境,在连贯一下,装置胜利后在/root/.nvm[[email protected] ~] nvm --version0.33.8[[email protected] ~] nvm install --lts #装置最新node[[email protected] ~] node -v #查看是否装置胜利v16.14.2[[email protected] ~] npm -v8.5.0上面是罕用的nvm命令nvm ls-remote:列出所有的node版本nvm ls:列出本地曾经装置的node版本nvm install [-s] : 装置特定版本的node,比方:nvm install v6.0.0装置最新6.0.0的node。nvm use [–silent]:切换到制订版本nodenvm current :以后 node 版本nvm alias [别名] [node版本号] :给不同的版本号增加别名nvm unalias [别名] :删除已定义的别名nvm alias default [node版本号] :设置默认版本
二、npm设置国内源
web站点:npmmirror.com
Registry Endpoint:registry.npmmirror.com
[[email protected] ~] npm config set registry https://registry.npmmirror.com #设置为国内的淘宝镜像源[[email protected] ~] npm config get registry #验证一下,返回为刚刚设置的镜像https://registry.npmmirror.com
三、进入到我的项目外面,装置依赖环境和build
[[email protected] test] npm i #进入我的项目外面装置依赖环境,或者npm install两者略有不同[[email protected] test] npm run build #而后对前端我的项目进行build
以上为在Linux中设置,上面配置Jenkins设置。
一、装置插件:nvm wrapper
版本查看Linux中执行:node -v
NVM_NODEJS_ORG_MIRROR配置为:cdn.npmmirror.com/binaries/no…
NVM_IOJS_ORG_MIRROR配置为:cdn.npmmirror.com/binaries/io…
二、在构建步骤中增加两个步骤:1、执行shell;2、Send files or execute commands over SSH。
#执行shell脚本cd jsmerchant && #进到构建的目录,依据本人的我的项目调整npm i && npm run build && #编译环境和编译成dist#cd dist && #进入编译目录tar -cvzf dist.tar.gz dist #把编译文件进行打包
#Send files or execute commands over SSHchown -R www:www /www/wwwroot/9092cd /www/wwwroot/9092 && rm -rf dist #进入前端目录,先删除之前的dist文件cd /www/wwwroot/9092 && tar -xvzf dist.tar.gz && rm -rf dist.tar.gz #进入前端目录,解压包,而后删除包