Come comprimere JavaScript con NetBeans

March 16

Come comprimere JavaScript con NetBeans


Durante l'ottimizzazione siti web, uno dei metodi utilizzati per aumentare la velocità di una pagina web è quello di comprimere i file che contengono il codice, come CSS e JavaScript. Il processo è chiamato "Minimizzando", che significa rendere una versione più piccola del file. Quando minifying, caratteri extra indesiderati vengono omessi, come interruzioni di riga e commenti. Questo può essere fatto manualmente, tuttavia, per file di grandi dimensioni questo può essere fatto automaticamente utilizzando IDE (ambiente di sviluppo integrato), come NetBeans.

istruzione

1 Scaricare i file di compressione YUI e YUIAnt (vedi Risorse).

2 Salvare i file nella stessa directory come l'applicazione web che si sta sviluppando.

3 Aprire il progetto di applicazione Web in NetBeans che ha il file JavaScript che si desidera compressa.

4 Apri "build.xml" e aggiungere il seguente codice:

<Nome di progetto = "YUICompression" default = basedir "default" = ".">

<Description> costruzione, collaudo, e gestisce il YUICompression progetto. </ Description>

<File di importazione = "nbproject / build-impl.xml" />

<Nome target = "- pre-dist">

<Condizione property = "dont.do.compression">

<Valore IsTrue = "$ {auxiliary.org-NetBeans-modules-web-client-strumenti-api.clientdebug}" />

</ Condizione>

<Antcall target = "- fai-compressione" />

</ Target>

<Nome target = "- fai-compressione" a meno che non = "dont.do.compression">

<Eco di livello = messaggio "info" = "Compressione JavaScript ...." />

<Percorso id = "yuicompressor.classpath">

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

<Include name = "YUIAnt.jar" />

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

</ Set di file>

</ Path>

<Taskdef name = classname "yuicompress" = "com.yahoo.platform.yui.compressor.YUICompressTask">

<Classpath>

<Percorso refid = "yuicompressor.classpath" />

</ Classpath>

</ Taskdef>

<Yuicompress LINEBREAK = "16000" avvertire = Munge "false" = "no" preserveallsemicolons = "true"

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

<Fileset dir = "$ {} basedir / web" esclude = "">

<include name = "*

/ js" />

</ Set di file>

</ Yuicompress>

<Livello di eco = messaggio "info" = "compressione completa" />

</ Target>

</ Project>

5 Generare ed eseguire il progetto. Il file JavaScript diventerà automaticamente compressa.