Hvordan komprimere Javascript med NetBeans

Når optimalisere nettsteder, er en av metodene som brukes for å øke hastigheten på en nettside for å komprimere filer som inneholder kode som CSS og Javascript. Prosessen kalles "Minimalisering", som betyr å gjengi en mindre versjon av filen. Når minimalisering, er uønskede ekstra tegn utelatt som linjeskift og kommentarer. Dette kan gjøres manuelt, men for store filer dette kan gjøres automatisk ved hjelp IDE (Integrated Development Environment) som NetBeans.

Bruksanvisning

1 Last ned YUI komprimering filer og YUIAnt (se Ressurser).

2 Lagre filene i samme katalog som webapplikasjonen du utvikler.

3 Åpne din webapplikasjon prosjekt i NetBeans som har Javascript-fil som du ønsker komprimert.

4 Open "build.xml" og legg til følgende kode:

<Prosjektnavn = "YUICompression" default = "default" basedir = ".">

<Description> Bygger, tester, og driver prosjektet YUICompression. </ Description>

<Import file = "nbproject / bygge-impl.xml" />

<Target name = "- pre-dist">

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

<Istrue value = "$ {auxiliary.org-NetBeans-moduler-web-klient-tools-api.clientdebug}" />

</ Tilstand>

<Antcall target = "- gjør-komprimering" />

</ Target>

<Target name = "- gjør-komprimering" med mindre = "dont.do.compression">

<Ekko nivå = meldingen "info" = "Komprimere Java ...." />

<Bane id = "yuicompressor.classpath">

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

<Inkluderer name = "YUIAnt.jar" />

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

</ Fileset>

</ Path>

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

<CLASSPATH>

<Bane refid = "yuicompressor.classpath" />

</ Klassebane>

</ Taskdef>

<Yuicompress linebreak = "16000" advare = "false" Munge = "ingen" preserveallsemicolons = "true"

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

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

<inkluderer name = "*

/ JS" />

</ Fileset>

</ Yuicompress>

<Ekkonivået = "info" message = "Compression Complete" />

</ Target>

</ Prosjekt>

5 Bygge og drive prosjektet. Javascript-filen vil bli automatisk komprimert.