发布vue项目和发布其它的项目不同的地方在于需要使用npm进行安装依赖包,然后再基于当前的依赖包打包出dist文件夹及其内容,然后将生成的静态文件内容发布到服务器上,我之前也发布过vue项目,但那时为了省事,直接由开发人员将项目打包,并将打包后的代码和src源码一起上传至svn/git仓库,然后jenkins中只需要将dist文件中的内容发布到服务器即可。虽然也可以,但难免不够自动化。本文地址:http://www.04007.cn/article/941.html,未经许可,不得转载.
使用jenkins发布时可以直接配置自动打包的过程,首先需要在jenkins服务器上安装nodejs环境,业务服务器上不需要,所有业务服务器只需要nginx运行打包出来的dist内容,打包只在jenkins服务器上执行一次。jenkins服务器上安装nodejs环境,可以自己安装,也可以在jenkins中配置自动安装。进入jenkins:系统管理–>全局工具配置–>安装nodejs, 钩先自动安装,然后选择nodejs版本,建议12.*版本。Nodejs别名一定要填写(随便写个什么都行,比如nodejs),保存即可。如下图:本文地址:http://www.04007.cn/article/941.html,未经许可,不得转载.
本文地址:http://www.04007.cn/article/941.html,未经许可,不得转载.
然后进入项目配置环节,在执行shell命令中输入,执行构建即可:本文地址:http://www.04007.cn/article/941.html,未经许可,不得转载.
#列出当前的npm,node版本(只起个提示作用) npm -v node -v #安装node-sass SASS_BINARY_SITE=https://npm.taobao.ort/mirrors/node-saas/ npm install node-sass #执行项目中的npm 安装完成后打包。 npm config set registry https://registry.npm.taobao.org npm install npm run build #执行项目代码中的python脚本发布 fab -f deploy/fabfile.py production deploy本文地址:http://www.04007.cn/article/941.html,未经许可,不得转载.
本文地址:http://www.04007.cn/article/941.html 未经许可,不得转载. 手机访问本页请扫描右下方二维码.
![]() |
![]() |
手机扫码直接打开本页面 |