03

Jak na minifikaci JavaScriptu

Kategorie

  • JavaScript

Tagy

  • JavaScript
  • Tipy
  • Best practices

Jak na minifikaci JavaScriptu pomocí nástroje Google Closure Compiler

Tématem toho příspěvku je stručný návod jak minifikovat JavaScriptové soubory pomocí nástroje Google Closure Compiler (GCC).

Nejlepším dostupným nástrojem, který znám. Nikomu nevyvracím pokud je spokojený s jiným nástrojem a připadá mu lepší. GCC mi zatím vždy dobře posloužil a jeho výsledky jsou více než slušné v porovnání s konkurencí (odkaz).

Proč a jak vhodně využít minifikace JavaScriptových souborů jsem popsal v článku zde.

Google Closure Compiler (GCC)

GCC je aplikace spravovaná Googlem a jedná se o command-line utilitu psanou v Javě. Její funkcí je komprese, optimalizace a vyhledávání chyb v JavaScriptovém souboru. Stručný postup jejího použití je následující:

Postup minifikace pomocí GCC

1. Uložte si GCC balík (package) na disk

Do složky na disku nazvané closure-compiler stáhněte následující soubor.

2. Nachystejte si JavaScript pro minifikaci

Můžete použít jakýkoli svůj JavaScript. Já pro ilustraci použiji následující jednoduchý kód. Který uložím jako this-year.js, do složky closure-compiler.

// jednoduchy JavaScript pro zobrazeni aktuálního roku

function thisYear() {

currentdate = new Date();

alert('Dnes je: ' + currentdate.getFullYear());

}

thisYear();

3. Spusťte aplikaci nad zvoleným JavaScriptem

Vložte do příkazového řádku s patřičnými úpravami názvů souborů a cesty, následující kód.

java -jar C:\VaseCesta\compiler.jar --js C:\VaseCesta\this-year.js --js_output_file C:\VaseCesta\this-year-compiled.js

Pokud vše proběhne bez chyb, najdete ve vaší vybrané složce (v příkladu C:\VaseCesta), výsledný soubor.