Come utilizzare il compilatore Google Closure per rimuovere il codice JavaScript non utilizzato?

Question

Come utilizzare il compilatore Google Closure per rimuovere il codice non utilizzato?

Sto usando il controllo Slider JQuery ma non sto usando nient'altro in JQuery. Quindi ho letto che il compilatore Google Closure nella modalità avanzata avanzata può rimuovere il codice inutilizzato, ma non so come.

Ho frontpage.html che collega a un controllo JQuery, JQuery UI e JQuery Slider esterno da quella pagina html ospitata sul mio sito.

Sul mio frontpage.html, ho anche incorporato JavaScript nel codice HTML che avvia il controllo Slider JQuery.

Come utilizzo Utilizzo lo online Closure Compiler per valutare il mio frontpage.html, JQuery, JQuery UI e JQuery Slider per rimuovere tutto il codice JQuery non utilizzato che non uso?

Answer 1

Prima come principiante, suggerisco di eseguire l'ottimizzazione con. Perché funziona senza alcuna configurazione e produce ottimi risultati. Non essere fuorviato dal nome. L'ottimizzazione semplice offre un risparmio maggiore rispetto a qualsiasi altro strumento di compressione disponibile. Il livello avanzato può essere il tuo prossimo passo ma è un po 'più complicato.

Per quanto riguarda l'utilizzo del compilatore. Il mio consiglio è di comprimere tutti gli script in un file javascript, caricare sul tuo sito web in modo che abbia un URL, passarlo al compilatore online. Quindi fai clic su Add e Compile e il gioco è fatto.

Nella parte destra del codice compilato vedrai. Inoltre, verrà creato un file denominato default.js che sarà possibile scaricare.

passo successivo è quello di rinominare alle proprie esigenze, quindi caricare al server, modificare il riferimento .js nel codice HTML e il gioco è praticamente fatto. Divertiti!

Answer 2

Ci sono due modi per rimuovere/escludere codice non utilizzato dal vostro script di output combinato:

• Il primo, comporta l'uso di ADVANCED_OPTIMIZATIONS livello compilazione (fare riferimento alla Advanced Compilation and Externs per una spiegazione dettagliata e l'uso)
• Il secondo, è quello di consentire al compilatore di manage dependencies (vale a dire utilizzando il flag di compilazione --manage_closure_dependencies

delle due opzioni, utilizzando il flag --manage_closure_dependencies per rimuovere il codice inutilizzato è meno granulare (es. esclude il codice a livello di file), ma ti consente di rimanere al livello di compilazione SIMPLE_OPTIMIZATIONS. In entrambi i casi, si dovrà includere l'URL a script jQuery e jQueryUI e il codice che consuma il jQuery Slider dalla pagina-qualcosa di simile (prima opzione):

// ==ClosureCompiler== 
// @compilation_level ADVANCED_OPTIMIZATIONS 
// @output_file_name default.js 
// @code_url http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js 
// @code_url http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.js 
// ==/ClosureCompiler== 

// ADD YOUR CODE HERE 

Spero che questo aiuti.

Answer 3

ADVANCED_OPTIMIZATION di Closure Compiler al momento non è in grado di separare jQuery. jQuery sforzi per ridurre al minimo se stesso utilizzando l'espansione di runtime intelligente, vari alias e funzioni che servono a scopi diversi a seconda dei parametri passati tutti lavorano insieme per rendere jQuery opaco al compilatore. Detto questo, il supporto di Closure Compiler ADVANCED_OPTIMIZATION appropriato è in cima alla lista dei desideri di jQuery team per jQuery 1.8.