使用yarn运行react项目指令_Jenkins|使用yarn构建前端项目

一、前言

本篇文章是基于 Jenkins | 一键打包部署Vue前端应用 编写的&＃xff0c;如果之前没看过&＃xff0c;建议先大概浏览一遍&＃xff0c;知道在Jenkins中如果使用npm对Vue项目进行打包、部署的操作。

但是npm在安装包的时候会出现有的依赖拉不下来的情况&＃xff0c;从而导致由于网络问题导致的构建失败&＃xff0c;而yarn会在第一次构建的时候就生成缓存&＃xff0c;后面构建的时候&＃xff0c;会先看缓存区有没有package.json里用到的依赖包&＃xff0c;如果有的话就不会下载&＃xff0c;没有才会下载&＃xff0c;提高了效率。

二、Yarn打包前台命令

在jenkins中将shell命令替换 由原本的npm打包换成yarn打包

npm install chromedriver --chromedriver_cdnurl&＃61;http://cdn.npm.taobao.org/dist/chromedriver
npm install
npm run build


替换成如下命令即可&＃xff1a;

node -v
npm install -g yarn -registry&＃61;https://registry.npm.taobao.org
yarn -v
yarn install --pure-lockfile 
#--pure-lockfile  这个参数是在服务器install不生成yarn.lock&＃xff0c;防止服务器和本地代码冲突
yarn run build


这样就可以了&＃xff0c;如果出现问题&＃xff0c;可以到服务器上检查下Yarn的环境是否安装成功&＃xff0c;切记检查的是打包运行的环境。

「相关阅读&＃xff1a;」

Jenkins | 一键打包部署Spring Boot 应用的Docker镜像

CentOS下使用Docker安装Jenkins及配置详细教程

记录Jenkins报出大量package does not exist案发现场

觉得有用就顺手转发一下&＃xff0c;右下角点个在看&＃xff0c;非常感谢&＃xff01;

长按/扫码关注我吧&＃xff0c;会找到你想要的…… 

   喜欢就点个在看吧