Wer hat Glück beim Hinzufügen von .pug zu angular-cli?
Ich habe versucht, npm zu installieren, pug --save, aber ich weiß nicht, wo ich das .pug-Rendering anstelle von .html ändern soll.
Link für den angular-cli ist hier
Bitte teilen Sie ein kurzes Tutorial, das einer Menge Leute helfen würde:)
Nach dem Lesen von angular-cli git ist die Implementierung von Mops nicht in naher Zukunft geplant.
Also hier ist meine Problemumgehung: Es ist nicht der Winkel-Cli, aber es ist ein aktualisierter Generator, der angular2 final läuft.
Verwenden Sie den angular2-webpack Generator von AngularClass - hier (Folgen Sie einfach den gut dokumentierten Anweisungen)
Willst du Mops? kein Problem, folgen Sie einfach dem Link hier
Willst du Scss? kein Problem, folgen Sie einfach dem Link hier
Um es kurz zu machen, machen Sie einfach die npm-Installation und fügen Sie diese Zeile in der webpack.common-Datei hinzu. Und benutze require () in deiner Komponente mit ./filename.pug :) aber folge den Links und alles wird gut.
Danke AngurlarClass & lt; 3
Das war, was ich gesucht habe - angular2, Typoskript, scss und Mops ... Yum Yum!
Mit angular-cli können Sie diese Problemumgehung umgehen.
npm install pug-cli --save-dev . Jetzt können Sie Ihre .pug Dateien in .html . script eine neue package.json -Zeile hinzu: "puggy": "pug src -P -w" . Dies wird alle Ihre .pug in src in .html kompilieren und beginnt sie zu sehen. Der Name der Aufgabe spielt natürlich keine Rolle. start Aufgabe oder erstellen Sie eine neue Aufgabe, um zuerst puggy und dann serve : "start" : "npm run puggy & ng serve" . Ihr package.json sollte wie folgt aussehen:
Führen Sie nun einfach npm start oder den Namen, den Sie der Aufgabe gegeben haben, in Ihrem Terminal aus und Sie sollten sehen, dass alle Ihre .pug -Dateien kompiliert / angesehen / gerendert werden und dann alles angezeigt wird.
Ich empfehle Ihnen, all Ihre .html -Dateien in Ihre .gitignore hinzuzufügen und /src/**/*.html hinzuzufügen und nur .pug -Dateien in Ihr Repo zu schieben. Stellen Sie sicher, dass Sie die zwischengespeicherten .html -Dateien mit git rm --cached *.html löschen.
Jetzt können Sie ein Formular wie
schreiben %Vor%Und kompilieren Sie es in seine HTML
%Vor%Wenn Sie stattdessen einen Stift wünschen.
%Vor%Die Konfiguration für SCSS wurde geändert
%Vor%Tags und Links angular typescript angular-cli pug