Ich benutze grunt-usemin Plugin. Ich frage mich, wie es geht.
Ich habe zwei Blöcke von usemin config in index.html .
Erster Block, scriptsmin.js , ist minimierte Dateien.
Zweitens enthält scripts.js alle Dateien, die eine Minimierung benötigen.
Ich mag es.
Ist es möglich, dass sich diese Blöcke in derselben Datei befinden? Ich habe einen Abschnitt über gesehen . Konnte nicht folgen, ob ich den Block der Konfiguration benennen kann, und einzelnem Fluss auf jedem davon einstellen kann. Es spricht über den Fluss basierend auf dem Dateinamen (index.html). Wie sollte ich den Abschnitt grunt useminPrepare schreiben.
Ich hatte das gleiche Problem. Wenn Sie mit zwei Dateien statt mit einem zufrieden sind, können Sie hier eine Verzweigung von verwenden . Es ermöglicht wenige neue Flüsse, nämlich
Siehe vollständige Beschreibungen . Also wäre dein HTML:
%Vor% Das Verschachteln der Blöcke ist im Moment leider keine gute Idee. Aber du könntest es ausprobieren. Um die Gabel anstelle des regulären grunt-usemin zu installieren, ändern Sie Ihr package.json so
und behalte das Hauptrepo im Auge - vielleicht ist das Feature auch nicht weit davon entfernt.
Ich frage mich nur, warum Sie zwei separate Ziele für Ihre JavaScript-Dateien benötigen, insbesondere wenn sie minimiert werden sollen & amp; in einer Datei verkettet. Was ich tun würde, ist nur der eine Skriptblock am Ende der Datei, wie folgt:
%Vor%Es ist einfacher, so zu verstehen, wenn alle Ihre JS in einem Block statt zwei sind. % Co_de% ist eine Aufgabe, die im Grunde Ihre Gruntfile-Konfiguration aktualisiert, um die Ziele concat, cssmin und uglify für Ihre Skripte und Stile einzuschließen. Führen Sie es einfach in den Dateien aus, für die Ihre Build-Kommentare vorhanden sind.
%Vor%usemin sollte nicht zu unterschiedlich aussehen, um minPrepare zu verwenden, aber was Sie vielleicht herausfinden möchten, ist, seed 'useminPrepare mit einer Datei, wenn diese dieselben Build-Blöcke enthält wie der Rest Ihres HTML. Die eigentliche usemin-Konfiguration könnte also noch ein paar weitere Dateien enthalten:
%Vor%Nachdem useminPrepare ausgeführt wurde, führen Sie die Tasks concat, uglify und cssmin aus und führen Sie schließlich usemin aus. Sie haben also eine benutzerdefinierte Aufgabe wie folgt:
%Vor%Hoffe, das hilft.
Tags und Links javascript gruntjs grunt-usemin yeoman