In Visual Studio 2013, wie kann ich das minifizieren von Javascript-und CSS-Code in den post-build-Schritt
In Visual Studio 2013, wie kann ich das minifizieren von Javascript-und CSS-Code in den post-build-Schritt? Ich möchte jedes einzelne css-und js-Dateien komprimieren in eine .min.js oder .min.css im gleichen Ordner.
Ich will nicht zu überprüfen in der minified Dateien, sondern nur haben Sie erzeugten post-build.
- Es ist ein kostenloses add-on in der Visual Studio Gallery für dieses: visualstudiogallery.msdn.microsoft.com/...
- B&M ist eingebaut. Konfigurieren bundleconfig und stellen Sie sicher, WebGrease und Antlr-Referenzen sind da. Laufzeit zusammengefasst und minified Dateien basierend auf Ihrem debug="false" im web.config.
- Sie sind nicht arbeiten auf eine MVC-app sind Sie? Es wird minifizieren Ressource-Dateien automatisch, wenn dem so ist.
- Der betrogene Ziel war von geringerer Qualität als dieser. Wieder eröffnet.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Mit Microsoft Ajax Minifier Sie können powershell-Skripts zu erstellen, die minified Versionen aller Dateien im angegebenen Ordner und fügen Sie es zu Post-build-Ereignisse.
Beispiel für js-Dateien(es wird ähnlich sein wie bei css):
Check auch eine Seite mit der vollständigen Liste der Befehl Linie Schalter z.B.: -Karte erstellt-source-map-Datei.
Alle Lösungen, die ich gefunden habe Bedarf mit verschiedenen Dateinamen für die minimierten Versionen, und viel Arbeit zum wechseln zwischen dem normal/minified Versionen.
Stattdessen wollte ich die komprimierte JavaScript-Dateien auf die ursprünglichen Namen, so dass ich nicht haben, ändern Sie die Verweise in meinem HTML-markup. Ich könnte die normalen Javascript-Dateien in meine Entwicklungsumgebung, dann minimiert Versionen werden automatisch bereitgestellt, wenn die Veröffentlichung.
Fand ich eine einfache Lösung, die genau das tut.
Installieren Sie zuerst Microsoft Ajax Minifier.
Dann, in Ihrem Visual Studio-Projekt-Datei, direkt vor dem schließenden
</Project>
- tag Folgendes hinzufügen :Was bedeutet der obige code? Wenn Sie veröffentlichen in Visual Studio, in diesem code wird jede
.js
und.css
Datei in der Quelle, und erstellen Sie eine minified-Kopie mit der Endung.jsMIN
und.cssMIN
. Es werden Dateien ignorieren, die bereits minified. Dann wird es kopieren Sie diese minified Dateien in den bereitstellungsordner, mit der original-Datei-Namen.Voilà! Sie gerade veröffentlicht minified JS/CSS-Dateien, während Sie Ihre original-Dateien bleiben auf Ihrer Entwicklungsumgebung.
Optional:
Wollen Ajax Minifier gepackt werden, die mit Ihrem Projekt? Aus der Ajax Minifier install-Ordner, die Sie verschieben können
AjaxMin.dll
undAjaxMinTask.dll
direkt in Ihr source-Verzeichnis. Ich steckte Sie in meineApp_Data
Ordner. Wenn Sie einmal irgendwo in Ihrer Quelle, in Visual Studio mit der rechten Maustaste, wählen SieInclude in Project
, und auch ändern Sie IhreBuild Action
EigenschaftNone
.Dann in dem code, den ich oben aufgeführt wurde, ändern
<Import Project="$(MSBuildExtensionsPath)\Microsoft\Microsoft Ajax Minifier\ajaxmin.tasks" />
zu
<UsingTask TaskName="AjaxMin" AssemblyFile="$(MSBuildProjectDirectory)\App_Data\AjaxMinTask.dll" />
Getan.
Einen Tipp zur Fehlerbehebung:
Mein main-code oben führt
AfterBuild
und nur, wenn die KonfigurationRelease
. Das wird also nur ausgeführt werden, während eine zu veröffentlichen. Wenn Ihre Konfiguration mit dem Namen etwas anderes, oder Sie wollen es in andere Umstände, ändern Sie den code wie erforderlich.