用shelljs实现前端部署自动化

lemanli 发布于2019-08-26 12:14 / 2507人阅读

摘要：一场景在前端开发过程中，你肯定经常使用到以下等命令本人在用写我的个人博客时，将其部署到上。每一次部署，都要将上面的命令敲一遍，实在令我很痛苦。安装有两种使用方式，一种是全局模式对应全局安装一种是局部模式。

一、场景

在前端开发过程中，你肯定经常使用到以下等命令：

npm run build
git add .
git commit -m "commit"
git push

本人在用vue-cli写我的个人博客时，将其部署到coding pages上。不用github pages的原因纯粹是因为慢。。。每一次部署，都要将上面的命令敲一遍，实在令我很痛苦。如果能用一条命令执行以上所有任务，那就爽多了。

话不多说，说干就干。

二、Shelljs

这个库能够让我们在js文件中执行shell命令，具体可以看文档。

安装

npm install [-g] shelljs

有两种使用方式，一种是全局模式(对应全局安装),一种是局部模式。看下面的使用案例就知道两者区别。

三、使用

在根目录下新建文件shell.js，内容如下：

//局部模式
var shell = require("shelljs");
//全局模式下，就不需要用shell开头了。
//require("shelljs/global");

if (shell.exec("npm run build").code !== 0) {//执行npm run build 命令
  shell.echo("Error: Git commit failed");
  shell.exit(1);
}

//由于我的用另外一个仓库存放dist目录，所以这里要将文件增量复制到目标目录。并切换到对应目录。
shell.cp ("-r", "./dist/*", "../../Rychou");
shell.cd("../../Rychou");

shell.exec("git add .");
shell.exec("git commit -m "autocommit"")
shell.exec("git push")

这时在根目录下执行node shell.js就可以了

这里只是最简单的使用案例。

四、再让它更方便些

在package.json中加入：

"script":{
+    "push":"node ./shell.js"
}

在根目录下执行npm run push就搞定了。

参考链接：Shelljs

GPU云服务器云服务器 ShellJS 前端自动化 web前端自动化测试前端实现

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108305.html

使用ShellJS提升你的开发效率（一）

摘要：返回堆栈中的路径数组。如果没有给出参数，将从堆栈中删除顶级目录并执行到新的顶级目录。 Shelljs - Unix shell commands for Node.js Shelljs是Node.js下的脚本语言解析器，具有丰富且强大的底层操作(Windows/Linux/OS X)权限。Shelljs本质就是基于node的一层命令封装插件，让前端开发者可以不依赖linux也不依赖类似于c...

anRui 2019-05-22 10:29 评论0 收藏0
从 1 到完美，用 node 写一个命令行工具

摘要：从到完美，用写一个命令行工具中的字段现在，不管是前端项目还是项目，一般都会用做包管理工具，而是其相关的配置信息。又一个让命令行与用户进行交互的工具与功能差不多。比较常用的命令行命令行相关的应用就很多啦，比如等，但这些不仅仅是命令行工具。从 1 到完美，用 node 写一个命令行工具 1. package.json 中的 bin 字段现在，不管是前端项目还是 node 项目，一般都会...

YorkChen 2019-08-23 12:11 评论0 收藏0
如何用node开发自己的cli工具

摘要：新建文件夹这是一个规范，可执行工具的老家。然后输入接下来会以问答的形式向你了解你的用户名密码以及公开的邮箱，之后输入注意发布的源别是淘宝源，否则哦然后看到进度条走，之后组件发布成功，可以到上搜索自己的包了。如何用node开发自己的cli工具灵感写这个工具的灵感以及场景源于youtube的一次闲聊 github 地址 blog首发 showImg(https://segment...

pkwenda 2019-08-29 16:20 评论0 收藏0
如何用node开发自己的cli工具

摘要：新建文件夹这是一个规范，可执行工具的老家。然后输入接下来会以问答的形式向你了解你的用户名密码以及公开的邮箱，之后输入注意发布的源别是淘宝源，否则哦然后看到进度条走，之后组件发布成功，可以到上搜索自己的包了。如何用node开发自己的cli工具灵感写这个工具的灵感以及场景源于youtube的一次闲聊 github 地址 blog首发 showImg(https://segment...

Bmob 2019-08-23 10:51 评论0 收藏0
如何用node开发自己的cli工具

摘要：新建文件夹这是一个规范，可执行工具的老家。然后输入接下来会以问答的形式向你了解你的用户名密码以及公开的邮箱，之后输入注意发布的源别是淘宝源，否则哦然后看到进度条走，之后组件发布成功，可以到上搜索自己的包了。如何用node开发自己的cli工具灵感写这个工具的灵感以及场景源于youtube的一次闲聊 github 地址 blog首发 showImg(https://segment...

Raaabbit 2019-08-02 11:12 评论0 收藏0