◉◡◉ 您好,欢迎到访伊成个人站!

jenkins打包前端项目

准备工作

这里我的 Jenkins版本是:2.303.1

“伊成博客”

安装插件

点击 左边菜单栏中 “Manage Jenkins” –> “Manager Plugins”。

“伊成博客”

在输入框中输入 nodeJS,搜索安装即可(我这里是已经安装过了的截图)

“伊成博客”

全局工具配置

“伊成博客”

选择对应的版本,点击 保存 和 应用 按钮即可。

“伊成博客”

做到这,准备工作都已经作完了,接着就是创建一个任务。

新建任务

输入名称,选择一个自由风格的项目。

“伊成博客”

配置General(我这里保持构建的最大个数写的是 10,大家可以按需配置)

“伊成博客”

配置 源码管理,填写对应的项目gitlab地址。

“伊成博客”

配置构建环境

“伊成博客”

配置构建

在构建中选择执行shell

“伊成博客”

对应的命令如下:

1
2
3
4
5
6
echo $PATH 
node -v
npm -v
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install
npm run build

执行成功后可以看到控制台输出

1
2
3
4
 DONE  Build complete. The dist directory is ready to be deployed.
INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html

Finished: SUCCESS

“伊成博客”


The end …

支付宝打赏 微信打赏