So verpacken (minify) eine extjs 4 Anwendung

Question

Ich suche nach de facto Anweisungen für die Verpackung und minfying eine Ext JS 4 App.

Alles scheint dem Sencha SDK, aber alles, um dieses richtet sich an Sencha Touch und wie auch immer, zu zeigen, wenn ich den Anweisungen (sencha app build testing) folgen I erhalten:

„Das aktuelle Arbeitsverzeichnis (C :. ..) ist kein anerkanntes Sencha SDK oder Anwendungsverzeichnis "

Das wirft mich auf, da die von mir verwendete Struktur von Sencha Architect erzeugt wurde. Mit Blick auf die docs here ist die von Architect generierte Ordnerstruktur korrekt, aber einige der Dateinamen sind unterschiedlich. Und es scheint einige Verpackungsdateien (app.json packager.json) zu geben, von denen ich keine Ahnung habe.

Ich würde viele Posts/Guides/Blogs/Artikel zu diesem Thema erwarten, was Sie denken würden, wäre eine häufige Anforderung angesichts der Schuppenlast von .js-Dateien, die man während der Entwicklung erstellt.

Answer 1

Dieser Beitrag ist viel veraltet. Wir müssen 10 verwenden.

• http://docs.sencha.com/extjs/4.2.1/#!/guide/command
• http://www.sencha.com/blog/all-new-sencha-cmd

Download: http://www.sencha.com/products/sencha-cmd/download

Eine große Sache, wenn Sie über die kurze Einarbeitungszeit getreten habe.

Es ist so einfach wie running sencha app build, die YUI komprimierte Javascript und Stylesheet-Dateien erstellt, mit cleveren Verarbeitung, um sicherzustellen, nur was Sie App benötigt, ist enthalten - weitere Verringerung der Größe.

Answer 2

Ich war in der Lage, unsere Anwendung Produktion mit Hilfe von diesem article bereit zu bekommen.

Answer 3

Ich war nicht glücklich über die Verwendung von Sencha.Cmd. Es ist riesig, schwer einzurichten, bricht normalerweise mit trivialen Fehlern ab.

Auch ich habe versucht, Nicholas Zakas's JS Combiner zu verwenden, aber ich musste Abhängigkeiten immer verfolgen und genau in Kommentarbefehle schreiben. Obwohl ExtJS-Klassen häufig in der Ausgabe-Build-Datei durcheinander gebracht wurden.

Dann entschied ich mich, Leichtbauwerkzeug für ExtJS-Anwendungen auf eigene Faust zu schreiben. Hier ist es:

.

Keine Notwendigkeit, zusätzliche Kommentare hinzuzufügen. Es "versteht" native Ext-Klassen-Definitionen. Die Standardkonfigurationsdatei reicht völlig aus, um auf alle von ExtJS verwendeten Abhängigkeitstypen zu zählen.

Bitte zögern Sie nicht zu verwenden.

Usage: java -jar extapp-yyyy.mm.jar [options] [base path] [config file] [source file] [output file] 

Es kann sowohl zu Ameisen- als auch zu Gravel-Deployment-Skripten gehören.

Das Extapp-Tool funktioniert auch mit ExtJS 5. Wahrscheinlich funktioniert es auch mit Sencha Touch, aber ich hatte keine Chance es zu testen.