PHPStorm - minimalizace JavaScript souborů

03.01.2022 Mac #phpstorm #node #homebrew

Instalace podpory minimalizace souborů v PHPStrom


Minifikace nebo komprese znamená odstranění všech nepotřebných znaků, jako jsou mezery, nové řádky, komentáře, aniž by se změnila funkčnost zdrojového kódu. Během vývoje a ladění tyto znaky usnadňují čtení kódu. Ve fázi vývoje pouze zvětšují velikost přenášeného kódu.

Komprese se nejčastěji provádí jako krok v procesu vytváření pomocí nástrojů pro vytváření, jako je webpack. Pokud nepoužíváte nástroje pro sestavení, můžete použít samostatný nástroj, jako je UglifyJS.

Chceme-li svůj kód komprimovat automaticky, musíte nakonfigurovat nástroj UglifyJS ve File Watcher, který bude sledovat změny vašich souborů a spouštět UglifyJS.

Ve výchozím nastavení se minifikace spustí, jakmile se změní a uloží soubor JavaScript v rozsahu aplikace File Watcher.

Vygenerovaný minifikovaný kód je uložen v samostatném souboru s názvem zdrojového JavaScript souboru a příponou min.js. Umístění tohoto vygenerovaného souboru je definováno v poli Output paths to refresh v dialogu New Watcher. Ve Stromu projektu je však soubor s minifikovaným kódem zobrazen pod zdrojovým souborem JavaScript, který je zobrazen jako uzel. Chcete-li změnit tuto výchozí prezentaci, nakonfigurujte vnoření souborů v okně nástroje Projekt.

V první řadě musí být nainstalován NODE.js.

brew install node

Instalace HOMEBREW.

Pomocí terminálu se nainstaluje UglifyJS:

npm install --g uglify-js

Následně restartujte PHPStorm.