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.
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
Viertens, machen Sie es bequemer
Fügen Sie hinzu: package.json
"script":{
+ "push":"node ./shell.js"
} im Stammverzeichnis aus und fertig . npm run push
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!
