So verwenden Sie ShellJS zur Implementierung einer automatisierten Front-End-Bereitstellung

Der Inhalt dieses Artikels befasst sich mit der Verwendung von Shelljs zur Realisierung der automatisierten Front-End-Bereitstellung. Ich hoffe, dass er für Sie hilfreich ist.

1. Szenario

Während des Frontend-Entwicklungsprozesses müssen Sie häufig die folgenden Befehle verwenden:

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

Ich verwende vue-cli Um es für meinen persönlichen Blog zu schreiben, stellen Sie es auf coding pages bereit. Der Grund, warum github pages nicht verwendet wird, liegt lediglich darin, dass es langsam ist. . . Bei jeder Bereitstellung muss ich den obigen Befehl erneut eingeben, was für mich sehr schmerzhaft ist. Es wäre viel besser, wenn Sie alle oben genannten Aufgaben mit einem Befehl ausführen könnten.

Sagen Sie nicht viel, tun Sie einfach, was Sie sagen.

2. Shelljs

Diese Bibliothek ermöglicht es uns, Shell-Befehle in js-Dateien auszuführen. Weitere Informationen finden Sie in der Dokumentation.

Installation

npm install [-g] shelljs

hat zwei Verwendungsmöglichkeiten: eine im globalen Modus (entsprechend der globalen Installation) und die andere im lokalen Modus. Schauen Sie sich den folgenden Anwendungsfall an, um den Unterschied zwischen den beiden zu erkennen.

3. Verwenden Sie

, um eine neue Datei shell.js mit folgendem Inhalt zu erstellen:

//局部模式
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')

Zu diesem Zeitpunkt ausführen Das ist esnode shell.js

Dies ist nur der einfachste Anwendungsfall.

Viertens, machen Sie es bequemer

Fügen Sie

hinzu: package.json

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

Führen Sie

im Stammverzeichnis aus und fertig . npm run push

Verwandte Empfehlungen:

Automatisierte Bereitstellung von Hadoop-Clustern basierend auf Kickstart

php + Laravel-Methode zur Erzielung einer Bereitstellungsautomatisierung

php5.3.10 automatisiertes Bereitstellungsskript erste Version_PHP-Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie ShellJS zur Implementierung einer automatisierten Front-End-Bereitstellung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!