Come pacchettizzare (minificare) un'applicazione extjs 4

Question

Sto cercando le istruzioni di fatto per l'imballaggio e il controllo di un'app Ext JS 4.

Tutto sembra puntare al Sencha SDK, ma tutto intorno a questo si rivolge a Sencha Touch, e in ogni caso, quando seguo le istruzioni (sencha app build testing) ricevo:

"La directory di lavoro corrente (C :. ..) non è un Sencha SDK riconosciuto o una cartella applicativa "

Che mi scaglia, poiché la struttura che sto usando è stata generata da Sencha Architect. Guardando allo docs here, la struttura della cartella generata da Architect è corretta ma alcuni nomi di file sono diversi. E sembra che ci siano alcuni file di packaging (app.json packager.json) di cui non ho idea.

Mi aspetterei carichi di post/guide/blog/articoli su ciò che si penserebbe sarebbe un requisito comune dato il carico capillare di file .js creati durante lo sviluppo.

Answer 1

Questo post è molto obsoleto. Dobbiamo usare Sencha Cmd.

• 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

Una grande cosa una volta che hai fatto un passo sopra la breve curva di apprendimento.

È semplice come eseguire sencha app build, che crea YUI file javascript e fogli di stile compressi, con un'elaborazione intelligente per garantire solo ciò che è necessario per l'app è incluso - riducendo ulteriormente le dimensioni.

Answer 2

Sono stato in grado di ottenere la nostra produzione di applicazioni pronta con l'aiuto di questo article.

Answer 3

Non ero contento di utilizzare Sencha.Cmd. È enorme, difficile da configurare, di solito si rompe su errori banali.

Inoltre, stavo cercando di utilizzare Nicholas Zakas's JS Combiner ma dovevo sempre tenere traccia delle dipendenze e scriverle accuratamente nei comandi di commento. Anche se le classi ExtJS erano spesso incasinate nel file di generazione dell'output.

Quindi ho deciso di scrivere uno strumento di costruzione leggero per applicazioni ExtJS da solo. Eccolo:

Extapp - https://github.com/liberborn/extapp.

Non è necessario aggiungere commenti aggiuntivi. "Capisce" le definizioni native delle classi ext. Il file di configurazione predefinito è abbastanza per contare su tutti i tipi di dipendenza che ExtJS sta usando.

Sentitevi liberi di usare.

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

Può essere incluso sia per gli script di implementazione di formiche che di gradle.

Lo strumento Extapp funziona anche con ExtJS 5. Probabilmente funziona anche con Sencha Touch ma non ho avuto la possibilità di testarlo.