1. 安装相关插件
1.1 安装node.js 用于vue项目的打包构建
点击“系统管理” - “全局工具管理” 设置NodeJS自动安装,或者选择已安装目录。
1.2 安装Publish Over SSH插件用于SSH连接远程的服务器
点击“系统管理” - “系统配置”
2. 创建项目以及配置
创建一个自由风格的项目
本次选择的是vue ant-design-pro的开源项目,所以不用填写授权信息
构建环境配置,选择“Provide Node & npm bin/ folder to PATH” 对应上文配置的NodeJS版本
添加构建脚本“Build” - “Execute shell”
rm -rf dist #删除之前构建的文件
rm -f dist.tar.gz #删除之前添加的压缩文件
npm install
npm run build #构建
tar -zcf dist.tar.gz dist #添加压缩包
cd /opt/ant-design-pro/
rm -rf dist
tar zxvf dist.tar.gz
rm -rf dist.tar.gz
3 .Nginx静态资源访问
配置nginx指向路径“/opt/ant-design-pro/dist”
重启Nginx。