Come minimizzare automaticamente i file JavaScript al caricamento della pagina in Apache utilizzando UglifyJS

Minimizzare i tuoi file JavaScript è un modo per proteggere i tuoi codici JavaScript e ridurre le dimensioni della pagina, questo non può essere fatto durante la codifica, abbiamo strumenti per questo. Ma cosa succede se codifichi a mani libere e il tuo server esegue la minimizzazione per te poiché è l'unico che serve ciò che vede il web, molto meglio? Bene, andiamo direttamente al punto.

Requisiti:

UglifyJS
mod_ext_filter
Apache

Installa UglifyJS

Qui utilizzo Ubuntu 14 o 15 con Apache2 installato; Ora installerò uglifyjs. UglifyJS è uno strumento di minimizzazione e abbellimento JS.

sudo apt-get install uglifyjs

Ora, per verificare la mia installazione di uglifyjs digiterò:

uglifyjs –help

UglifyJS installato con successo, ora attiverò mod_ext_filter. Questo è un modulo Apache per filtrare input e output del server Apache; abbiamo bisogno di questo modulo quindi lo attiverò perché è disattivato per impostazione predefinita nell'installazione di Apache.

In Ubuntu:

sudo a2enmod ext_filter

Quindi riavviare apache2.

Altre distribuzioni:

Crea un collegamento simbolico di ext_filter.load da mods-available a mod-enabled come di seguito:

sudo ln -s /etc/apache2/mods-available/ext_filter.load /etc/apache2/mods-enabled/

Impostazione della minimizzazione

Ora ho configurato uglifyjs e mod_ext_filter, ora creerò un file di configurazione che minimizzi solo i file JS. Sto creando js-minify.conf in /etc/apache2/conf-available/ e io' lo incollerò in questo codice

<IfModule mod_ext_filter.c>
ExtFilterDefine jsminify\
intype=application/javascript outtype=application/javascript\
cmd="/usr/bin/uglifyjs"
</IfModule>

ExtFilterDefine jsminify: ho definito un nome di filtro che utilizzerò nel mio htaccess

intype=application/javascript: questo filtro funziona sui file JavaScript solo poiché application/javascript è il loro tipo di file MIME

outtype=application/javascript: Dopo aver lavorato su questo file, restituiscilo come file JavaScript

cmd="/usr/bin/uglifyjs": Questo è il comando da eseguire sul file, è più preciso inserire il percorso completo del comando, trovando la parte completa di un comando che digito:

whereis uglifyjs

Senza alcun file di input fornito, uglifyjs prende l'input da stdin e l'output su stdout. Ho salvato il file e attivo la configurazione digitando:

sudo a2enconf js-minify

Quindi ricaricare apache2:

sudo service apache2 reload

Aggiunta a htaccess

Impostalo sul tuo htaccess e ogni file JS verrà minimizzato automaticamente quando passa Apache.

SetOutputFilter jsminify

Fatto!

Informazioni sull'autore:

Questo articolo è stato scritto da Don Jajo dalla Nigeria. Per qualsiasi feedback o commento contatta l'autore: [email