Element verwendet Skripte, um automatisch neue Komponenten zu erstellen

@# Der Standardkommentar #wird im Protokoll ausgegeben, @# hingegen nicht. Die Rolle von PHONY: Ignorieren Sie die Prüfung auf Konflikte mit den Verzeichnissen dist und test im folgenden Skriptbefehl, was bedeutet, dass der Befehl trotzdem ausgeführt wird. PHONY: dist test

@# Beim Ausführen des Make-Befehls wird standardmäßig das Hilfeskript ausgeführt: help

@# Das Ausführen von „make build-theme“ bedeutet, dass das Skript „npm run build:theme“ ausgeführt wird.
@#: Der auszuführende Befehl steht vor dem Doppelpunkt, und die erste Zeile nach dem Doppelpunkt sollte ein Tabulator sein, gefolgt vom Skriptbefehl @#. Das heißt, das Folgende ist „tab+npm npm build: theme“
# alle Themen erstellen
@# Der obige Kommentar zum Build-Theme ist im Screenshot unten zu sehen, und „Build-Theme“ wird im Protokoll ausgegeben: 
 npm führt build:theme aus
installieren:
 npm installieren
Entwickler:
 npm-Ausführung dev
@# $() ist die zu verwendende Funktion. @# $@ ist der aktuelle Befehl selbst, z. B. „make new“, $@ ist neu.
@# MAKECMDGOALS ist eine spezielle Variable, die die durch die Befehlszeilenparameter angegebene Zielliste aufzeichnet. Das heißt, mit dieser Variable können wir die Befehlszeilenparameter abrufen. @# Wenn wir beispielsweise eine neue Komponente erstellen, verwenden wir das Skript `make new wailen`. MAKECMDGOALS ist gleich wailen
@# Filter-out-Antifilterfunktion, filtert alle Inhalte heraus, die $@ in $(MAKECMDGOALS) enthalten. @# Kombiniert mit dem Inhalt von new.js besteht die Bedeutung des folgenden Skripts darin, eine neue Komponente zu erstellen und den Komponentennamen zu übergeben. Der Komponentenname darf nicht „new“ sein. Wenn der Komponentenname „new“ ist, können Sie den folgenden Screenshot „new“ sehen:
 Knotenbuild/bin/new.js $(Filter-out $@,$(MAKECMDGOALS))
@# Einige Skripte wurden ausgelassen. Wenn Sie interessiert sind, können Sie die Hilfe zum Quellcode lesen:
 @echo " \033[35mmake\033[0m \033[1mBefehlsanweisungen\033[0m"
 @echo " \033[35mmake install\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Abhängigkeiten installieren"
 @echo " \033[35mmake new <component-name> [Chinesischer Name]\033[0m\t--- Erstellen Sie ein neues Komponentenpaket. Zum Beispiel 'make new button button'"
 @echo " \033[35mmake dev\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Entwicklungsmodus"
 @echo " \033[35mmake dist\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Kompiliere das Projekt und erzeuge die Zieldatei"
 @echo " \033[35mmake deploy\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Demo bereitstellen"
 @echo " \033[35mmake pub\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- In npm veröffentlichen"
 @echo " \033[35mmake new-lang <lang>\033[0m\t\033[0m\t\033[0m\t--- Fügt der Site eine neue Sprache hinzu. Zum Beispiel 'make new-lang fr'"

const fileSave = erfordern('Datei speichern');
const Inhalt = "const fs = erfordern('fs');"
const callback = () => { console.log('Skriptausführung') }
fileSave('Dateipfad')
   .write('Dateiinhalt wie der obige Inhalt', 'utf8', Rückruf) // Erfolgreiches Schreiben des Inhalts löst den Rückruf aus.write('Weiter Inhalt hinzufügen', 'utf8')
   .end('\n') // Dateivorgang endet mit einer leeren Zeile

// Paket erstellen
// Von der Komponente generiertes Verzeichnis const PackagePath = path.resolve(__dirname, '../../packages', componentname);
Dateien.fürJedes(Datei => {
  fileSave(Pfad.Join(Paketpfad, Datei.Dateiname))
    .write(Datei.Inhalt, 'utf8')
    .ende('\n');
});

const fileSave = erfordern('Datei speichern');
const fs = erfordern('fs');

const Inhalt = `const fileSave = erforderlich('Datei speichern'); `
const oldCode = fs.readFileSync('./demo.js')
DateiSpeichern('demo.js')
  .write(alterCode+Inhalt, 'utf8')
  .ende('\n')

const fs = erfordern('fs')

//Erstellen Sie ein Objekt der beschreibbaren Stream-Klasse fs.WriteStream, geerbt von <stream.Writable>
const writer = fs.createWriteStream('createStream.js', { // Datei suchen und erstellen, falls sie nicht existiert // Der Standardwert ist w. Beim Schreiben von Daten durch Aufrufen der Methode writer.write wird der gesamte Inhalt der Datei direkt überschrieben.
    // Dadurch werden alle vorherigen Inhalte der Datei gelöscht und neue Daten geschrieben. Flags: „w“
})


//Daten in den Stream schreiben writer.write('Neuer Inhalt dieser Datei')

const savefs = {}
savefs._create_dir = Funktion (fp, Optionen) {
  mkdirp.sync(fp, opts);
}
savefs.wstream = Funktion (Datei) {
  var ws = fs.createWriteStream(Datei);
  dieser.writer = ws;
  gib dies zurück;
}
savefs.write = Funktion(Chunk, Kodierung, cb) {
  ...
}

savefs.end = Funktion(Chunk, Kodierung, cb) {
  ...
}

savefs.finish = Funktion(cb) {
  ...
}

savefs.error = Funktion(cb) {
  ...
}
exportiere { savefs }

fs.writeFile('Dateipfad', 'zu schreibender Inhalt', ['Kodierung'], 'Rückruffunktion');