Cómo comprimir JavaScript con NetBeans

Cuando la optimización de sitios web, uno de los métodos utilizados para aumentar la velocidad de una página web es para comprimir archivos que contienen código como CSS y JavaScript. El proceso se llama "minifying," lo que significa para hacer una versión más pequeña del archivo. Cuando minifying, caracteres adicionales no deseados se omiten tales como saltos de línea y los comentarios. Esto se puede hacer de forma manual, sin embargo, para archivos de gran tamaño se puede hacer esto de forma automática mediante el uso de los IDE (Integrated Development Environment) como NetBeans.

Instrucciones

1 Descargar los archivos de compresión Yui y YUIAnt (ver Recursos).

2 Guarde los archivos en el mismo directorio que la aplicación web que está desarrollando.

3 Abra el proyecto de aplicación web en NetBeans que tiene el archivo JavaScript que desea comprimido.

4 Abrir "build.xml" y agregue el código siguiente:

<Nombre del proyecto = "YUICompression" default = basedir "default" = ".">

<Description> Construye, pruebas, y se corre el YUICompression proyecto. </ Description>

<Archivo de importación = "nbproject / build-impl.xml" />

<Nombre de destino = "- pre-dist">

<Condiciones de la propiedad = "dont.do.compression">

<Valor es verdadera = "$ {auxiliary.org-netbeans-modules-web-cliente-herramientas-api.clientdebug}" />

</ Condition>

<Antcall target = "- do-compresión" />

</ Target>

<Nombre de destino = "- do-compresión" a menos = "dont.do.compression">

<= Nivel de eco mensaje de "información" = "Compresión de JavaScript ...." />

<Ruta id = "yuicompressor.classpath">

<Conjunto de archivos dir = "$ {} build.dir / web / WEB-INF / lib">

<Include name = "YUIAnt.jar" />

<Include name = "yuicompressor-2.4.2.jar" />

</ Conjunto de archivos>

</ Path>

<Taskdef name = "yuicompress" nombre de clase = "com.yahoo.platform.yui.compressor.YUICompressTask">

<Ruta de clase>

<Ruta refid = "yuicompressor.classpath" />

</ Ruta de clase>

</ Taskdef>

<Yuicompress LINEBREAK = "16000" advertir = munge "falsa" = "no" preserveallsemicolons = "true"

outputFolder = "$ {basedir} / $ {} build.web.dir">

<Conjunto de archivos dir = "$ {} basedir / web" excluye = "">

<include name = "*

/ js" />

</ Conjunto de archivos>

</ Yuicompress>

<Nivel de eco = "info" mensaje = "completa de compresión" />

</ Target>

</ Project>

5 Generar y ejecutar el proyecto. El archivo JavaScript llegará a ser comprimido de forma automática.