¿Cómo uso el compilador de Google Closure para eliminar el código JavaScript no utilizado?

Question

¿Cómo uso el compilador de cierre de Google para eliminar el código no utilizado?

Estoy usando el control deslizante JQuery pero no estoy usando nada más dentro de JQuery. Así que leí que el compilador de Google Closure en el modo Advanced puede eliminar el código no utilizado, , pero no sé cómo.

Tengo frontpage.html que enlaza a un JQuery externo, JQuery UI y control deslizante JQuery desde esa página html alojada en mi sitio.

En mi página principal.html, también tengo JavaScript incrustado en el HTML que inicia el control JQuery Slider.

¿Cómo utilizo el online Closure Compiler para evaluar mi frontpage.html, JQuery, JQuery UI y JQuery Slider para eliminar todo el código de JQuery no utilizado que no uso?

Answer 1

Primero como principiante le sugiero intente la optimización simple. Porque funciona sin ninguna configuración y produce excelentes resultados. No se deje engañar por el nombre. La optimización simple ofrece mejores ahorros que cualquier otra herramienta de compresión. El nivel avanzado puede ser su siguiente paso, pero es un poco más complicado.

En cuanto al uso del compilador. Mi consejo es empacar todos tus scripts en un archivo javascript, carga en tu sitio web para que tenga una url, pásala al compilador en línea. Luego haga clic en Add y Compile y listo.

En el lado derecho verá el código compilado. También se creará un archivo llamado default.js y puede descargarlo.

El siguiente paso es cambiar el nombre de a sus necesidades, a continuación, carga a su servidor, cambiar la referencia .js en el HTML y que está bastante hecho. ¡Que te diviertas!

Answer 2

Hay dos formas de eliminar/excluir código no utilizado de su script de salida combinada:

• La primera, implica el uso de ADVANCED_OPTIMIZATIONS nivel de compilación (consulte Advanced Compilation and Externs para la explicación detallada y uso)
• La segunda, es permitir que el compilador manage dependencies (es decir, utilizando la bandera --manage_closure_dependencies compilación

de las dos opciones, el uso de la bandera --manage_closure_dependencies para eliminar el código no utilizado es menos granular (es decir excluye el código en un nivel de archivo), pero le permite permanecer en el nivel de compilación SIMPLE_OPTIMIZATIONS. En cualquiera de los casos, tendrá que incluir la url para los scripts jQuery y jQueryUI y su código que consume el jQuery deslizante desde su página-algo como esto (primera opción):

// ==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 

Espero que esto ayude.

Answer 3

El ADVANCED_OPTIMIZATION del compilador de cierre actualmente no es capaz de deshacer jQuery. Los esfuerzos de jQuery para minimizar el uso de una inteligente expansión de tiempo de ejecución, varios aliasing y funciones para diferentes propósitos, según los parámetros aprobados, funcionan todos juntos para que jQuery sea opaco para el compilador. Dicho esto, el soporte correcto del compilador de cierre ADVANCED_OPTIMIZATION ocupa un lugar destacado en la lista de deseos de los jQuery para jQuery 1.8.