Mam proste app testu Jekyll tak:jak skompresować i aktywa minify korzystania Jekyll wtyczek
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ąć?
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).
Dla JS i CSS można użyć Jekyll Asset Bundler Używa klejów kompresora yui lub kompilatora.
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.
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.
Kolejne +1 dla aktywów jekyll –
Głupie pytanie: jak wykorzystać zasoby jekyll do kompresji JS? Jestem nowy w Jekyll i jego dokumenty są do bani. – rilwis
Witam @rilwis, bez obaw. Minęło trochę czasu, odkąd pracowałem nad tym, ale wygląda na to, że w "readme" dla Jekyll Assets jest obiekt konfiguracyjny JS z flagą kompresji: https://github.com/jekyll/jekyll-assets#configuration – Ben
Cieszyłem się używaniem tego, ale wygląda na to, że rozwój został zatrzymany? Korzystanie z https://github.com/ixti/jekyll-assets na teraz. – Ben