jak skompresować i aktywa minify korzystania Jekyll wtyczek

Question

Mam proste app testu Jekyll tak:

index.html jest:

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

i myfile.js plików jest następująca:

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

chcę tylko dodać wtyczki tak, że można go minify pliku js zanim zostanie napisany do _site/assets/myfile.js złożyć

Jak mogę to osiągnąć?

Answer 1

Istnieją wtyczki do zminimalizowania HTML i CSS z Jekyll, ale wyszukiwanie nie ujawnia niczego oczywistego dla JS.

Jednak source for CSS one above jest mniejsza niż 100 linii i faktycznie korzysta Juicer zrobić minifikacji, który można również zrobić JS, tak że wtyczka może być łatwo wykorzystane jako szablon do wdrożenia własnego minifier JS (wygląda jak choćby s/css/js/g będzie blisko pracy).

Answer 2

Dla JS i CSS można użyć Jekyll Asset Bundler Używa klejów kompresora yui lub kompilatora.

Answer 3

Polecam do tego klejnot Jekyll Asset Pipeline. Obsługuje dowolny język (np. Scss, Less, CoffeeScript, Erb, itp.) I ma wiele funkcji (np. Tagowanie zasobów, kompresowanie, gzipowanie itp.), Które go wyróżniają. Wydaje mi się, że jest to najszybciej rozwijający się klejnot związany z Jekyll, co oznacza, że ​​zyskuje on popularność w społeczności.

Answer 4

Oto podsumowanie tego, co odkryłem podczas rozwiązywania tego w 2014 roku:

kroki z

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

Development szło dobrze, dopóki nie został pokonać tego projektu:

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

... który do tej pory był moim ulubionym zaimplementowaniem, z wyjątkiem oesn't praca teraz i wygląda rozwój został zahamowany, więc byłem zmuszony zwrócić się do

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

... co znowu bije # 2, ale jest tylko dotyk trudniejsze w użyciu. W każdym razie, to jedyny, który działa, więc to właśnie teraz używam.