GruntJS ist ein JavaScript-Task-Runner, der auf NodeJS geschrieben wurde. Es kann verwendet werden, um sich wiederholende Aufgaben für Ihre Anwendung wie Minimierung, Kompilierung, Komponententests, Flusen und mehr zu automatisieren. mit minimalem Aufwand.
Voraussetzungen
Bevor Sie beginnen, sollten Sie ein Nicht-Root- Benutzerkonto mit sudoauf Ihrem System eingerichteten Berechtigungen haben.
Installation
Aktualisieren Sie Ihren lokalen Paketindex:
sudo apt-get update
Installieren curl:
sudo apt-get install curl
Fügen Sie das Paket-Repository von NodeJS 8.x mit dem folgenden Befehl hinzu:
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Als nächstes müssen wir NodeJS und NPM zusammen mit den Entwicklungstools installieren:
sudo apt-get install build-essential nodejs
Überprüfen Sie nun, ob NodeJS und NPM funktionieren:
node --version && npm --version
#v8.x.x
#5.x.x
Grunt installieren:
sudo npm install -g grunt-cli
Dadurch wird Grunt global auf Ihrem System installiert. Führen Sie den folgenden Befehl aus, um die auf Ihrem System installierte Version zu überprüfen:
grunt --version
#grunt-cli v1.2.0
Installieren Sie Grunt in einem neuen Projekt
Um grunt in einem neuen Projekt zu installieren, müssen Sie Ihrem Projektverzeichnis zwei Dateien hinzufügen: package.jsonund Gruntfile.js.
-
package.json: Diese Datei wird von NPM zum Speichern von Metadaten für Projekte verwendet, die als NPM-Module veröffentlicht wurden.
-
Gruntfile.js : This file is namedGruntfile.js orGruntfile.coffee` und wird zum Konfigurieren oder Definieren von Aufgaben sowie zum Laden von Grunt-Plugins verwendet.
Navigieren Sie zum Stammverzeichnis Ihres Pakets:
cd /path/to/project
Führen Sie den folgenden Befehl aus, um eine package.jsonDatei zu erstellen :
sudo npm init
Beantworten Sie die Fragen im Befehlszeilenfragebogen.
Sobald Ihre package.jsonDatei erstellt wurde, installieren Sie Grunt als Entwicklungsabhängigkeit:
sudo npm install grunt --save-dev
Erstellen Sie die Gruntfile.jsDatei:
nano Gruntfile.js
Registrieren Sie eine einfache Standardaufgabe:
var grunt = require('grunt');
grunt.registerTask('default', 'default task description', function(){
console.log('hello world');
});
Führen Sie nun die Standardaufgabe aus:
grunt
Damit ist unser Tutorial abgeschlossen. Vielen Dank für das Lesen.