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 --version
0.33.8
[[email protected] ~] nvm install --lts #装置最新 node
[[email protected] ~] node -v #查看是否装置胜利
v16.14.2
[[email protected] ~] npm -v
8.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]：切换到制订版本 node
nvm 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 SSH
chown -R www:www /www/wwwroot/9092
cd /www/wwwroot/9092 && rm -rf dist #进入前端目录，先删除之前的 dist 文件
cd /www/wwwroot/9092 && tar -xvzf dist.tar.gz && rm -rf dist.tar.gz #进入前端目录，解压包，而后删除包