如何利用shelljs實現前端的自動化部署的方法

來源：懂視網責編：小采時間：2020-11-27 19:32:07

如何利用shelljs實現前端的自動化部署的方法

如何利用shelljs實現前端的自動化部署的方法:本篇文章給大家帶來的內容是關于如何利用shelljs實現前端的自動化部署的方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。一、場景在前端開發過程中，你肯定經常使用到以下等命令：npm run build git add . git commit -

推薦度：

點擊下載本文 文檔為doc格式

導讀如何利用shelljs實現前端的自動化部署的方法:本篇文章給大家帶來的內容是關于如何利用shelljs實現前端的自動化部署的方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。一、場景在前端開發過程中，你肯定經常使用到以下等命令：npm run build git add . git commit -

本篇文章給大家帶來的內容是關于如何利用shelljs實現前端的自動化部署的方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

一、場景

在前端開發過程中，你肯定經常使用到以下等命令：

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中加入：