2012-04-18 8 views
12

Ho una semplice applicazione di test Jekyll in questo modo:come comprimere e beni minify usando i plugin Jekyll

index.html è:

<script type="text/javascript" src="/assets/myfile.js"><script> 
<p>hi</p> 

ei file myfile.js è la seguente:

var x = "this is a string"; 
alert(x + "hi"); 

voglio solo aggiungere un plugin in modo che possa minify il file js prima che venga scritto nei _SITE/attività/myfile.js presentare

Come posso realizzarlo?

risposta

5

Esistono plugin per HTML e CSS minificazione con Jekyll, ma una ricerca non risulta evidente per JS.

Tuttavia, il source for CSS one above è inferiore a 100 linee e in realtà usa Juicer di fare la minimizzazione, che può anche fare JS, in modo che plug-in potrebbe facilmente essere utilizzato come modello per implementare il proprio minifier JS (assomiglia anche solo s/css/js/g sarebbe vicino al lavoro).

4

Raccomando la gemma Jekyll Asset Pipeline per questo. Supporta qualsiasi lingua (ad esempio Scss, Less, CoffeeScript, Erb, ecc.) E ha un sacco di funzionalità (ad esempio, asset tagging, compressione, gzip, ecc.) Che lo distinguono. In questi giorni sembra anche essere la gemma a più forte crescita di Jekyll, che intendo dire che sta guadagnando terreno nella comunità.

+0

Mi piaceva usare questo, ma sembra che lo sviluppo si sia fermato? Per ora usa https://github.com/ixti/jekyll-assets. – Ben

14

Ecco un riassunto di quello che ho trovato mentre risolvere questo nel 2014:

introduttiva di

1) https://github.com/donaldducky/jekyll-cssminify

Sviluppo andava bene fino a quando fu battuto da questo progetto:

2) http://www.matthodan.com/2012/11/22/jekyll-asset-pipeline.html

... che finora è stato il mio preferito da implementare, tranne che d lavoro oesn't ora e sembra che è stato arrestato lo sviluppo, quindi sono stato costretto a rivolgersi a

3) https://github.com/ixti/jekyll-assets

... che ancora una volta, batte # 2, ma è solo un tocco più complicato da usare. Ad ogni modo, è l'unico che funziona, quindi è quello che sto usando ora.

+0

Un altro +1 per jekyll-assets –

+0

Domanda stupida: come usare jekyll-assets per comprimere JS? Sono nuovo di Jekyll e i suoi documenti fanno schifo. – rilwis

+0

Ciao @rilwis, nessun problema. Sono passato un po 'di tempo da quando ci ho lavorato, ma sembra proprio sul readme di Jekyll Assets c'è un oggetto di configurazione JS con un flag di compressione: https://github.com/jekyll/jekyll-assets#configuration – Ben