Erste Schritte mit Grunt

Wenn wir derzeit über Webentwicklung sprechen, gibt es Faktoren, die uns zwingen, von einer großen Anzahl von Aufgaben abhängig zu sein, die wir ausführen müssen, sobald wir den Code erstellt haben, und noch viel mehr, wenn wir ihn verwenden JavaScript , da es verschiedene Werkzeuge gibt, die wir benötigen, um unsere Anwendung so optimal wie möglich zu gestalten.
Da nicht alles, was auf den Menschen ankommt, dazu neigt, nicht immer perfekt zu sein und aus Fehlern zu bestehen, suchen wir immer nach einem Weg, Prozesse so sauber wie möglich aufzubauen und zu automatisieren, da Fehler weniger wahrscheinlich gemacht werden, wenn wir alles tun unsere Aufmerksamkeit einmal auf etwas und dann überlassen wir dessen Nachlauf einer Maschine.

VERGRÖSSERN

Hier kommt es ins Spiel Grunzen, das nichts anderes ist als das Ergebnis dieser Suche nach Automatisierung und der Reduzierung von Fehlern und Arbeitseinsparungen. Es wurde 2012 entwickelt und erfreut sich bis heute wachsender Beliebtheit. Es ist ein fast unverzichtbares Element jeder Umgebung, die JavaScript als Entwicklungssprache enthält.
Was ist Grunt?Es ist ein Tool für die Befehlszeile oder Konsole JavaScript die für die Ausführung von Aufgaben zuständig ist, die sich wiederholen und viel Zeit in Anspruch nehmen, zum Beispiel wenn wir den Code verkleinern und komprimieren müssen JavaScript, jedes Mal, wenn wir eine Datei ändern, müssen wir diese beiden Aufgaben ausführen, mit Grunzen Dies geschieht automatisch, jedes Mal, wenn wir die Dateien ändern Grunzen ist für die Ausführung dieser Aufgaben zuständig.
Dank dieser Art von Funktionalität Grunzen hat in der Welt der Entwicklung großen Anklang gefunden, insbesondere bei denen, die ihre Entwicklung darauf aufbauen JavaScript mit Umgebungen wie Node.js o CoffeeScript, das zu einer großen Community mit mehr als 2000 Plugins in den npm-Repositorys geführt hat, die mit Grunzen.
Webanwendungen nehmen heute nicht nur an Größe, sondern auch an Komplexität zu, was dazu führt, dass wir eine Menge Code und Tools entwickeln, die die menschliche Grenze für eine umfassende Überprüfung überschreiten. Aus diesem Grund entsteht testbasierte Entwicklung oder TDD, und ebenso gibt es zusätzliche Aufgaben, die nicht mit dem Code zu tun haben, die es uns ermöglichen, unsere Anwendung zu optimieren.
Grunzen hilft uns beim zweiten Teil des Ansatzes, ermöglicht es uns, den Zeitaufwand für die Ausführung von Aufgaben zu reduzieren und hilft uns damit, das Prinzip einzuhalten TROCKEN, um uns nicht zu wiederholen. Deshalb müssen wir verwenden Grunzen um Zeit zu sparen und die Wahrscheinlichkeit von Fehlern zu verringern.
Wir wissen bereits, was es ist und warum wir es verwenden sollten, aber es gibt noch ein bisschen mehr zu besprechen Grunzen, wo eines der wichtigsten Dinge darin besteht, zu wissen, welche Vorteile es uns bringt, von einer größeren Konsistenz in unserer Anwendung bis hin zur Annäherung an die Entwickler-Community, dann lassen Sie uns die Vorteile etwas genauer betrachten.
EffizienzManchmal denken wir, dass wir durch manuelles Ausführen die Zeit erspart, einige Tools zu untersuchen und zu implementieren, aber es stellt sich heraus, dass die angesammelte Zeit pro Woche oder pro Monat übermäßig wird, wobei wir bis zu 4 oder 5 Stunden verlieren können, mit Grunzen Dies wird reduziert, da wir diese Hinrichtungen am Ende des Tages einfach aus unseren Händen entlassen, sobald wir die Aufgabe automatisiert haben.
KonsistenzWie eingangs erwähnt, ist der Mensch fehleranfällig und deshalb können wir diese durch Automatisierung reduzieren, Grunzen Es gibt uns die Möglichkeit, alles genau so auszuführen, wie wir es auf Fehlerfreiheit überprüft haben, wodurch der menschliche Faktor aus der Gleichung genommen und unsere Aufgaben optimiert werden.
WirksamkeitIndem wir eine Reihe von automatisierten Aufgaben aufbauen, können wir unseren Geist dazu bringen, sich mit den Problemen zu befassen, die wirklich unsere Aufmerksamkeit erfordern, und indem wir weniger Aufgaben ausführen, werden wir weniger müde und sind effektiver.
GemeinschaftWenn es etwas gibt, von dem wir dachten, dass wir es für unsere automatisierte Umgebung brauchen, gibt es es sicherlich, und zwar dank der großen Vorteile von Grunzen Es wurde eine starke Community von Plugins aufgebaut, die wir frei und kostenlos viele Male verwenden können, was uns viel mehr Arbeit erspart.
Sobald wir die theoretischen Konzepte, die Vorteile, die Gründe für ihre Verwendung und andere interessante Aspekte kennen GrunzenEs ist an der Zeit, dass wir alles, was wir gelernt haben, in die Praxis umsetzen können. Beginnen wir also mit der Installation dieses großartigen Tools in unserer Umgebung.
Grunzen Es ist plattformübergreifend, sodass wir es unter Windows, Mac und Linux verwenden können. Aus praktischen Gründen werden wir in diesem Tutorial die Installation in einer Umgebung sehen FensterBei den anderen Systemen unterscheidet sich der Prozess jedoch nicht wesentlich, wenn die Ausgangsanforderung erfüllt ist.
Node.js und sein Paket- und Modulmanager npm sind die Hauptvoraussetzung vor der Installation Grunzen, derzeit kommen beide Tools in der gleichen Installation, also müssen wir nur installieren Node.js In unserem System ist dieser Vorgang sehr einfach und wurde in anderen Tutorials erklärt. Besuchen Sie jedoch einfach die offizielle Website des nodejs.org-Projekts, um zu erfahren, wie Sie für unser Betriebssystem installieren.

VERGRÖSSERN

Sobald wir heruntergeladen und haben Node.js auf unserem System laufen, sind wir bereit für den nächsten Schritt.
Die Installation von Grunzen es ist ganz einfach, wir besorgen das Werkzeug Grunzen CLI, d. h. die Befehlszeilenschnittstelle, die es uns ermöglicht, die Konsole als unsere Art und Weise zu verwenden, um Grunzen die zu erledigenden Aufgaben. Dafür verwenden wir npm und seine Repositorys, die immer auf die neueste stabile Version des Projekts aktualisiert werden.
Dazu müssen wir lediglich die folgende Anweisung in unserer Befehlskonsole ausführen:

 npm install -g grunt-cli

Diese Aktion lässt uns das Tool bereits installiert, wie wir im folgenden Screenshot unserer Konsole sehen.

Wie wir sehen konnten, war die Installation sehr einfach und mit nur wenigen Sekunden ist unser System einsatzbereit Grunzen. Jetzt müssen wir zu einem Ordner gehen, in dem sich ein Projekt befindet, mit dem wir eine Verknüpfung herstellen möchten Grunzen und wir führen die folgende Anweisung aus:

 npm install grunt

Damit können wir uns integrieren Grunzen in unserem Projekt und beginnen damit, es zu verwenden, sehen wir uns an, was die Konsole uns sagt, wenn wir dies tun:

Unser nächster Schritt ist nun, die Dateien zu generieren Paket.json Ja Gruntfile.js, beide sind für unsere Anwendung von entscheidender Bedeutung, damit wir alle erforderlichen Abhängigkeiten erfüllen können, und weisen Sie auch darauf hin Grunzen was effektiv zu tun ist. Diese Dateien sind der Schlüssel, da sie eine Art Framework sind, auf dem npm Ja Grunzen sie werden unterstützt, wenn sie in unserem Projekt nicht vorhanden sind, werden wir Probleme mit dem Tool haben.
Um den Inhalt der Paket.json Es reicht uns, einen Befehl zu verwenden, der uns eine erste Konfiguration gibt, dafür müssen wir zuerst eine leere Datei namens . erstellen Paket.json, es ist sehr wichtig, dass es darin zwei geschweifte Klammern {} enthält, damit es interpretiert wird als JSON, dann müssen wir in unserer Konsole im selben Verzeichnis unseres Projekts Folgendes ausführen:

 npm install --save grunt grunt-contrib-uglify

Was uns die folgende Meldung in der Befehlskonsole gibt:

Endlich, wenn wir unsere Datei sehen Paket.json Wir werden sehen, dass es mit den folgenden Inhalten aktualisiert wurde:

Jetzt müssen wir die Datei erstellen Gruntfile.js, das wird es sagen Grunzen Alles, was in unserer Umgebung ausgeführt werden muss, ist also ein wesentlicher Bestandteil, die Grundstruktur dieser Datei ist wie folgt:

 module.exports = function (grunt) {// hier ist der Inhalt unserer Aufgaben};

Nach dem Kommentar ist, dass wir unsere verschiedenen geplanten Aufgaben platzieren können, die wir machen, wenn wir den Befehl ausführen grunzen alle Anweisungen, die wir in dieser Datei abgelegt haben, werden in unserer Konsole ausgeführt.
Da wir bereits genug Inhalt gesehen haben, werden wir das Erstellen von automatisierten Aufgaben für ein anderes Mal aufgeben, wichtig ist, dass wir verstanden haben, dass es so ist Grunzen, was sind die Voraussetzungen für die Installation und alles, was es uns bietet.
Damit schließen wir dieses Tutorial ab, wenn wir etwas tiefer gehen wollen, können wir in die offizielle Dokumentation des Tools in englischer Sprache einsteigen und so einige Kenntnisse vertiefen, die wir später in die Praxis umsetzen können.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben