准备工作,创建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自动化部署步骤
- 下载需要打包的项目源代码
git clone http://your-project.git
- 将源代码移动到uni-cli项目的src文件夹下,移动前确保src文件夹被清空
rm -rf ./uniapp-compile/src/*
mv ./your-project/* ./uniapp-compile/src/
- 安装项目所依赖的npm包,如果项目没有使用npm包,此步骤可以忽略
./uniapp-compile/src/
yarn
- 返回上级目录,执行打包命令
cd ../
yarn build:h5
- 移动打包后的文件到项目部署的目录下面,移动前建议清空你的生产环境目录
rm -rf ./你的生产环境目录/*
mv ./dist/build/h5/* ./你的生产环境目录
- 现在你可以在生产环境访问改项目了
注意事项
- 低版本node可能不支持,建议使用node v14以上的版本