Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser Shelljs pour implémenter un déploiement frontal automatisé

不言
Libérer: 2018-08-18 11:15:53
original
4113 Les gens l'ont consulté

Le contenu de cet article explique comment utiliser shelljs pour réaliser un déploiement frontal automatisé. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

1. Scénario

Pendant le processus de développement front-end, vous devez souvent utiliser les commandes suivantes :

npm run build
git add .
git commit -m 'commit'
git push
Copier après la connexion

Je l'utilise vue-cliQuand j'écris mon blog personnel, je le déploie sur coding pages. La raison pour laquelle github pages n'est pas utilisé est simplement parce qu'il est lent. . . Chaque fois que je déploie, je dois retaper la commande ci-dessus, ce qui est vraiment pénible pour moi. Ce serait bien mieux si vous pouviez effectuer toutes les tâches ci-dessus avec une seule commande.

Ne dites pas grand-chose, faites simplement ce que vous dites.

2. Shelljs

Cette bibliothèque nous permet d'exécuter des commandes shell dans des fichiers js Veuillez vous référer à la documentation pour plus de détails.

Installation

npm install [-g] shelljs
Copier après la connexion

a deux modes d'utilisation, l'un est le mode global (correspondant à l'installation globale), et l'autre est le mode local. Regardez le cas d'utilisation ci-dessous pour connaître la différence entre les deux.

3. Utilisez

pour créer un nouveau fichier shell.js dans le répertoire racine avec le contenu suivant :

//局部模式
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')
Copier après la connexion

À ce moment , exécutez-le dans le répertoire racine node shell.jsC'est tout

Ceci n'est que le cas d'utilisation le plus simple.

Quatrièmement, rendez-le plus pratique

Ajouter package.json :

"script":{
+    "push":"node ./shell.js"
}
Copier après la connexion

Exécuter dans le répertoire racine npm run push C'est tout.

Recommandations associées :

Déploiement automatisé du cluster Hadoop basé sur Kickstart

Méthode PHP + Laravel pour réaliser l'automatisation du déploiement

Script de déploiement automatisé php5.3.10 première version_Tutoriel PHP

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal