GruntJS est un exécuteur de tâches JavaScript écrit sur NodeJS. Il peut être utilisé pour automatiser des tâches répétitives pour votre application comme la minification, la compilation, les tests unitaires, le peluchage et plus encore; avec un minimum d'effort.
Conditions préalables
Avant de commencer, vous devez disposer d'un compte d'utilisateur non root avec des sudoprivilèges configurés sur votre système.
Installation
Actualisez votre index de package local:
sudo apt-get update
Installer curl:
sudo apt-get install curl
Ajoutez le référentiel de packages de NodeJS 8.x avec la commande suivante:
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Ensuite, nous devons installer NodeJS et NPM tous ensemble avec les outils de développement:
sudo apt-get install build-essential nodejs
Vérifiez maintenant que NodeJS et NPM fonctionnent:
node --version && npm --version
#v8.x.x
#5.x.x
Installez Grunt:
sudo npm install -g grunt-cli
Cela installera Grunt globalement sur votre système. Exécutez la commande suivante pour vérifier la version installée sur votre système:
grunt --version
#grunt-cli v1.2.0
Installer Grunt sur un nouveau projet
Pour installer grunt sur un nouveau projet, nous devrons ajouter deux fichiers à votre répertoire de projet: package.jsonet Gruntfile.js.
-
package.json: Ce fichier est utilisé par NPM pour stocker des métadonnées pour les projets publiés en tant que modules NPM.
-
Gruntfile.js : This file is namedGruntfile.js orGruntfile.coffee` et est utilisé pour configurer ou définir des tâches, ainsi que pour charger des plugins Grunt.
Accédez au répertoire racine de votre package:
cd /path/to/project
Exécutez la commande suivante pour créer un package.jsonfichier:
sudo npm init
Répondez aux questions du questionnaire en ligne de commande.
Une fois votre package.jsonfichier créé, installez Grunt en tant que dépendance de développement:
sudo npm install grunt --save-dev
Créez le Gruntfile.jsfichier:
nano Gruntfile.js
Enregistrez une tâche par défaut simple:
var grunt = require('grunt');
grunt.registerTask('default', 'default task description', function(){
console.log('hello world');
});
Maintenant, exécutez la tâche par défaut:
grunt
Cela conclut notre tutoriel, merci d'avoir lu.