uniapp打包h5,jenkins自动化部署

准备工作,创建uniapp打包环境

  • 全局安装vue/cli
npm install -g @vue/cli
  • 创建uniapp打包容器(uni-cli)
vue create -p dcloudio/uni-preset-vue uniapp-compile // 选择默认模板
目录结构如图所示
  • 此时打包环境就安装好了,如果uniapp-compile 目录下,没有自动安装依赖(没有node_modules文件夹),需要手动安装依赖
cd uniapp-compile
yarn

jenkins自动化部署步骤

  1. 下载需要打包的项目源代码
git clone http://your-project.git
  1. 将源代码移动到uni-cli项目的src文件夹下,移动前确保src文件夹被清空
rm -rf ./uniapp-compile/src/* 
mv ./your-project/* ./uniapp-compile/src/
  1. 安装项目所依赖的npm包,如果项目没有使用npm包,此步骤可以忽略
./uniapp-compile/src/
yarn 
  1. 返回上级目录,执行打包命令
cd ../
yarn build:h5
  1. 移动打包后的文件到项目部署的目录下面,移动前建议清空你的生产环境目录
rm -rf ./你的生产环境目录/*
mv ./dist/build/h5/* ./你的生产环境目录
  1. 现在你可以在生产环境访问改项目了

注意事项

  • 低版本node可能不支持,建议使用node v14以上的版本
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容