前端命令行部署:再也不用把dist包给后端部署服务了!

本文主要讲解关于前端命令行部署:再也不用把dist包给后端部署服务了!相关内容,让我们来一起学习下吧!

好物推荐

超简单的命令行部署。给在小公司部署还是给后端dist包的萌新小伙伴们~

这边项目本身就是使用命令行部署到,不过那个命令行工具是自己写的,是嵌入到公司某一个私有npm包里,和其他依赖耦合在一起。灵活性不是很好。
这两天发现了一个别人写的一个deploy cli。感觉蛮好用的。分享一下。

希望可以帮助更多刚入行小伙伴了解更多前端玩法。

前端命令行部署

很多公司的前端部署流程都是先打一个dist包。然后给后端同事帮忙部署。

前端:::
前端命令行部署:再也不用把dist包给后端部署服务了!

后端:::

前端命令行部署:再也不用把dist包给后端部署服务了!

(开玩笑的,工作中的后端同事都没那么调皮)

本文的内容就是如何使用命令行进行前端自动部署。

我们整个网站的读取,其实就是我们上传一个静态的文件包到服务器,然后服务器上的后台服务读取我们的静态包,来进行页面的展示。所以,前端自动化部署的关键,就是,能把dist包传到服务器的指定目录下就OK了。

部署流程

推荐一个deploy cli工具(deploy-cli-service)

安装

  1. 执行 npm install deploy-cli-service -g 进行全局安装 。

  2. 执行 deploy-cli-service - v 查看版本

初始化配置文件

在项目根目录执行 deploy-cli-service init 进行初始化

deploy-cli-service init命令执行后项目目录下会出现一个名为deploy.config的文件

前端命令行部署:再也不用把dist包给后端部署服务了!

deploy-cli-service init初始化的内容会被默认输入到 deploy.config 中

修改配置文件

deploy-cli-service init初始化之后输入的内容都会默认被写入deploy.config文件中。

前端命令行部署:再也不用把dist包给后端部署服务了!

然后看看相关的属性有没有什么需要修改的就ok。

配置部署命令

前端命令行部署:再也不用把dist包给后端部署服务了!

把 "deploy:test": "deploy-cli-service deploy --mode test"," 写入到 package.json中的script里。

然后在命令行执行 "npm run deploy:test" 。

成功部署后会如下显示

前端命令行部署:再也不用把dist包给后端部署服务了!

前端命令行部署:再也不用把dist包给后端部署服务了!

注意

配置 deploy.config.js时尽量使用ssh证书登录,不要使用服务器密码,把服务器密码写在前端代码里是一件非常不好的操作。

deploy-cli-service npm地址

luck

以上就是关于前端命令行部署:再也不用把dist包给后端部署服务了!相关的全部内容,希望对你有帮助。欢迎持续关注程序员导航网,学习愉快哦!

版权声明:juejinhot 发表于 2024-05-05 23:25:24。
转载请注明:前端命令行部署:再也不用把dist包给后端部署服务了! | 程序员导航网

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...