2012-04-18 10 views
12

Ich habe einen einfachen Test jekyll App wie so mit:wie zu komprimieren und minify Vermögen jekyll Plugins

index.html ist:

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

und die myfile.js Dateien ist wie folgt:

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

ich möchte nur ein Plugin hinzufügen, so dass es die js Datei minify kann, bevor es zu dem _site/assets/myfile.js

Datei geschrieben

Wie kann ich das erreichen?

Antwort

5

Es gibt Plugins für HTML und CSS Verkleinerung mit Jekyll, aber eine Suche ergibt nichts offensichtliches für JS.

Allerdings ist die source for CSS one above weniger als 100 Zeilen und tatsächlich verwendet Juicer die Minification zu tun, die auch JS tun kann, so dass Plugin einfach als Vorlage verwendet werden könnte, um Ihre eigenen JS-Minifier zu implementieren (es sieht sogar gerade aus s/css/js/g wäre in der Nähe zu arbeiten).

4

Ich empfehle den Edelstein Jekyll Asset Pipeline dafür. Es unterstützt jede Sprache (z. B. Scss, Less, CoffeeScript, Erb usw.) und weist eine Reihe von Merkmalen auf (z. B. Asset-Tagging, Komprimierung, Gziping usw.), die es auszeichnen. Es scheint auch, das am schnellsten wachsende Jekyll-bezogene Juwel in diesen Tagen zu sein, was ich damit meine, dass es in der Gemeinschaft an Zugkraft gewinnt.

+0

Ich genoss es, dies zu verwenden, aber es sieht so aus, als ob die Entwicklung gestoppt wurde? Verwenden Sie https://github.com/ixti/jekyll-assets für jetzt. – Ben

14

Hier ist eine Zusammenfassung dessen, was ich gefunden habe, während dies im Jahr 2014 zu lösen:

mit

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

Entwicklung gut lief, bis er von diesem Projekt schlagen wurde:

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

... was bis jetzt mein Favorit zu implementieren war, außer es d oesn't Arbeit jetzt und es sieht aus wie die Entwicklung gestoppt wurde, so wurde ich in

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

... die wieder, # 2 schlägt zu drehen gezwungen ist aber nur ein Hauch schwieriger zu verwenden. Wie auch immer, das ist der einzige, der funktioniert, also verwende ich das jetzt.

+0

Eine weitere +1 für jekyll-assets –

+0

Dumme Frage: Wie jekyll-assets zu verwenden, um JS zu komprimieren? Ich bin neu bei Jekyll und seine Docs sind scheiße. – rilwis

+0

Hallo @rilwis, keine Sorgen. Eine Weile, seit ich daran gearbeitet habe, aber es sieht so aus, als ob direkt auf der 'readme' für Jekyll Assets ein JS-Konfigurationsobjekt mit einem Kompressions-Flag steht: https://github.com/jekyll/jekyll-assets#configuration – Ben