Meine AngularJS-Anwendung besteht aus zwei URLs:
http://myapp/#/foo http://myapp/#/bar Dies ist die vereinfachte Datei index.html:
%Vor% Die Datei script.js enthält neben der Anwendungslogik auch die HTML-Vorlagen, die über geladen werden $ templateCache Dienst.
Mit der URL http://myapp/#/foo wird die foo HTML-Vorlage in das <div ui-view></div> -Element eingefügt. Auf die gleiche Weise wird mit der http://myapp/#/bar -URL die bar HTML-Vorlage in <div ui-view></div> eingefügt.
Ich möchte die Aufgabe grunt-uncss verwenden, um die style.css size zu reduzieren.
Mein erster Versuch war:
%Vor% Die style.css -Datei wurde zwar reduziert, enthielt jedoch nicht die Stile, die für die Seiten foo und bar erforderlich sind.
Mein zweiter Versuch bestand darin, den veralteten Parameter urls mit PhantomJS zu laden:
Auch hier wurde die style.css -Datei reduziert, aber nicht die Stile, die für die Seiten foo und bar erforderlich sind.
Jemand weiß, wie man dieses Problem löst?
Funktioniert grunt-uncss nur mit statischem Inhalt?
Vielen Dank im Voraus,
Bernardo Pacheco
Geben Sie alle Ihre HTML-Dateien einschließlich Sichten an:
%Vor%Sie können mehr als eine HTML-Datei angeben, daher sollten Sie alle Ihre Ansichtsdateien einschließen (in diesem Fall foo.html und bar.html). Verwenden Sie außerdem die ignore-Option, um Klassen hinzuzufügen, die zur Laufzeit geladen werden (nicht bereits in HTML-Dateien vorhanden), d. H. Erstellt von jQuery, oder ngAnimate, wenn Sie eine verwenden.
Es gibt mehrere Optionen, z. B. können Sie anpassen, welche Medienabfragen nach dem Entnehmen verbleiben sollen. Weitere Informationen finden Sie in der Dokumentation der Autoren - Ссылка .
schamloser Stecker
Sie können auf mein Beispiel Repo auf Github verweisen. Dort gibt es ein vollständiges Beispiel für eine einfache Todo-App, die eckig, kauernd und grunzend läuft.
Bearbeiten: Entschuldigung wegen dem Gedanken, dass ich den Link
hinzugefügt hatteDie grundlegende Konfiguration wäre, den folgenden Code zu Ihrer gruntfile
hinzuzufügen
Tags und Links javascript angularjs gruntjs