程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

前端打包部署服务器升级版

发布于2021-05-30 11:08     阅读(703)     评论(0)     点赞(8)     收藏(0)


之前写过一篇部署文章 https://mp.csdn.net/editor/html/109307313,这次的部署是基于之前的升级版,配置文件更加简洁,并且只需要一个安装包,打包过程更加清晰,跟着我操作起来吧。

一. 下载 deploy-cli-service 包(开发环境)

npm install deploy-cli-service --save-dev 

yarn add deploy-cli-service --save-dev

二. 删除如下文件和安装包

根目录的deploy文件

package.json中这三个包卸载掉

三. 修改deploy运行命令

package.json中deploy执行命令

修改为

四. 修改deploy.config.js的配置

  1. module.exports = {
  2. projectName: '业务系统', // 项目名称
  3. cluster: ['test'], // 集群部署配置,要同时部署多台配置此属性如: ['dev', 'test', 'prod']
  4. test: {
  5. name: '测试环境', // 环境名称
  6. script: 'npm run build:test', // 打包命令
  7. host: 'xxx.xx.xx.xxx', // 服务器地址
  8. port: xx, // 服务器端口
  9. username: 'xxxx', // 服务器登录用户名
  10. password: 'xxxxxxx', // 服务器登录密码
  11. distPath: 'dist', // 本地打包生成目录
  12. webDir: '/root/nginx/xxx/dist', // 服务器部署路径
  13. bakDir: '/root/nginx/xxx/backups', // 服务器备份路径
  14. isRemoveRemoteFile: false, // 是否删除远程文件
  15. isRemoveLocalFile: true // 是否删除本地文件
  16. }
  17. }

 

五. 执行部署命令

根据要打包的环境,运行package.json中配置的打包命令,打包中项目根目录会生成dist文件,打包完会删除,如果不想删除dist文件,就把上面第四条的isRemoveLocalFile设置为false

然后控制台会输出如下:

 

原文链接:https://blog.csdn.net/weixin_41326021/article/details/117362332




所属网站分类: 技术文章 > 博客

作者:麻辣小龙虾

链接:http://www.qianduanheidong.com/blog/article/115918/9337fb4441e9969bbba5/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

8 0
收藏该文
已收藏

评论内容:(最多支持255个字符)