vue 自动化部署 jenkins 篇

r囧r小猫 2021-10-01 04:00 568阅读 0赞

前端项目打包部署，以前都是手工运行打包命令，打包结束后压缩，然后上传到服务器上解压部署。这种重复性的工作，确实有点让人烦，而且效率也不高。

本文基于 vue 的前端项目、 GitHub 的代码仓库，简述在 CentOS7 上利用 jenkins 实现自动部署。

**一、安装插件 NodeJS**

Jenkins -> Manage Jenkins -> Manage Plugins

![820823-20190410214935792-1735167686.png][]

\-> Avaliable 搜索 NodeJS，勾选 NodeJS，点击 Install without restart 安装

![820823-20190410214948038-1668751602.png][]

**二、配置 NodeJS 插件**

Jenkins -> Manage Jenkins -> Global Tool Configuation

![820823-20190410214959028-573152018.png][]

NodeJS 节点下，点击 NodeJS installations

![820823-20190410215010022-993347430.png][]

填写 Name，勾选 Install automatically，选择 Version，最后点击 Save

![820823-20190410215021992-1631187672.png][]

**三、发布配置**

Jenkins -> New Item

![820823-20190410215055706-178306815.png][]

填写 job name，选择 Freestyle project，点击 OK

![820823-20190410215106553-1213798960.png][]

点击 Configure 配置 job 构建参数

![820823-20190410215121478-1023909787.png][]

General 配置，填写 Project name，Description

![820823-20190410215131879-556008928.png][]

Source Code Management，选择 Git，填写 Repository URL，如果是私有仓库，还需要填写 Credentials( 点击 Add 添加)

![820823-20190410215144428-735991367.png][]

Build Environment，勾选 Provide Node & npm bin/ folder to PATH

![820823-20190410215156917-839956503.png][]

Build，点击 Add build step 下拉，选择 Execute shell

![820823-20190410215209768-103841086.png][]

输入以下脚本

1 node -v
    2 npm install -g yarn --registry=https://registry.npm.taobao.org
    3 yarn -v
    4 yarn install
    5 
    6 yarn lint
    7 yarn build

![820823-20190410215243084-257235973.png][]

点击 Save

** 四、测试构建**

Jenkins -> All -> node\_vue -> Build Now

![820823-20190410215307364-497566668.png][]

** 五、遇见问题**

![820823-20190410215325061-104325805.png][]

项目是在 windows 下开发，windows 对文件名大小不敏感，上传到 CentOS7 构建时出现如上错误，通过更改文件名的大小写，保持代码中引用文件名与实际文件名大小写一致，构建成功。

![820823-20190410215336179-1867902373.png][]

转载于:https://www.cnblogs.com/lifefriend/p/10686461.html

[820823-20190410214935792-1735167686.png]: /images/20210724/f7c6a7013179482abcefe890e0ae9ee7.png
[820823-20190410214948038-1668751602.png]: /images/20210724/fa28d7d51401437f95fdf06d52037263.png
[820823-20190410214959028-573152018.png]: /images/20210724/768dda72585c47a6a6e361f2befd604c.png
[820823-20190410215010022-993347430.png]: /images/20210724/12cd55c5c2174272a59b528a814ee208.png
[820823-20190410215021992-1631187672.png]: /images/20210724/e3650bf0dd5b427c927bae9da0db51f7.png
[820823-20190410215055706-178306815.png]: /images/20210724/46285633d05044be9f469f06eefc5166.png
[820823-20190410215106553-1213798960.png]: /images/20210724/6a996be00acf480f800fcad961069df0.png
[820823-20190410215121478-1023909787.png]: /images/20210724/eb08d7df24c1415d810a0373ed873b66.png
[820823-20190410215131879-556008928.png]: /images/20210724/e0f50c35077b4d99862e5c99136a5f5e.png
[820823-20190410215144428-735991367.png]: /images/20210724/262c9804b1ec4ed998956ccb6de95b48.png
[820823-20190410215156917-839956503.png]: /images/20210724/b6d1b0a1f46b4d678091a89e3ee9b4e6.png
[820823-20190410215209768-103841086.png]: /images/20210724/0487db20c4db448fbece265be552f4cc.png
[820823-20190410215243084-257235973.png]: /images/20210724/f33de6e295ce4101b48be4503e51ed3f.png
[820823-20190410215307364-497566668.png]: /images/20210724/2d6f0bfeeb734638b46999c4d0b14e70.png
[820823-20190410215325061-104325805.png]: /images/20210724/2efd980bdb864d5ea37bc75b66cba2d5.png
[820823-20190410215336179-1867902373.png]: /images/20210724/ee0ca65387db438387a7659ddd31962e.png