Als erster Ansatz zur Automatisierung unserer Aufgaben
schauen wir uns das Beispiel der Verwendung von NPM-Skripten an.
In der Tat hatten wir bereits begonnen, NPM-Skripte in diesem Kurs in den früheren Lektionen zu verwenden.
Lassen Sie uns schnell unsere package.json-Datei überprüfen, um zu sehen, wie wir ein paar
NPM-Skripte in unserer package.json-Datei verwendet haben, um ein paar Aufgaben zu automatisieren.
Wenn Sie sich unsere package.json-Datei ansehen,
sehen Sie, dass
wir in der package.json-Datei dieses JSON-Objekt namens scripts hatten.
Innerhalb der Skripte hatten wir diese Eigenschaft namens start, die wir hier definiert haben, die wir
als NPM run lite angegeben haben und auch wir spezifiziert diese lite als lite-server.
Also, dann starten Sie Ihre Web-Entwicklung.
Wir haben auch unseren Lite-Server gestartet, indem wir an der Eingabeaufforderung auf NPM start tippen.
Nun, was uns das ermöglichte, ist, den Lite-Server in
unserem Projektverzeichnis zu starten und die Dateien aus dem Verzeichnis zu speichern,
so dass wir es in einem Browser sehen können.
Wir haben festgestellt, dass dies ein nützlicher Ansatz ist, um
die Änderungen, die wir an unseren Dateien vornehmen, live beobachten zu können, die sofort im Browser widergespiegelt werden.
Nun, in anderen Aufgaben, die wir in der vorherigen Lektion konfiguriert und verwendet wurde, war SCSS,
die verwendet wird, um den SCSS-Code in den entsprechenden CSS-Code umzuwandeln.
Also haben wir dieses Zitat unquote NPM-Skript namens SCSS geschrieben, das den Knotensass ausgeführt hat,
indem wir nach den SCSS-Dateien
im CSS-Ordner suchen und sie dann in den entsprechenden CSS-Code umwandeln.
Und um dies auszuführen,
haben wir NPM ausführen SCSS an der Eingabeaufforderung eingegeben.
So haben wir bereits gesehen, dass wir einige
NPM-Skripte verwendet haben, um einige Aufgaben während unserer Webentwicklung zu automatisieren.
Um zusammenzufassen, werden NPM-Skripte durch
diese Skript-Eigenschaft in der package.json-Datei unterstützt, wie wir im Beispiel zuvor gesehen haben.
Es gibt mehrere Skripte, die unterstützt werden.
Besonders interessant für uns ist das Start-Skript,
so dass Sie den Eingabeaufforderungstyp NPM start hinzufügen können,
und dann wird das entsprechende Skript gestartet, auf das der Start verwiesen wird.
Jetzt können wir beliebige Skripte in
der Skript-Eigenschaft definieren und sie dann ausführen, indem Sie NPM ausführen und den Namen des Skripts sagen,
wie Sie die Verwendung von NPM sah SCSS oder NPM laufen lite und so weiter.
Wir werden dies nutzen, um ein paar zusätzliche Skripte entwickeln zu können, die
viele dieser Aufgaben automatisieren, über die wir in der vorherigen Vorlesung gesprochen haben. Um
uns zu helfen zu verstehen, wie wir NPM-Skripte nutzen können, um
viele unserer Web-Entwicklungsaufgaben zu automatisieren,
werden wir lernen, wie man die NPM-Skripte in der package.json-Datei konfiguriert
und dann die Skripte ausführen,
manchmal automatisch oder manchmal manuell
die Skripte aufrufen, um , um den Aufbau und die Bereitstellung unserer Website zu erledigen.