2012-04-18 4 views
12

У меня есть простой тест Джекил приложение, как так:как сжать и Minify активы с помощью Джекил плагинов

index.html является:

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

и myfile.js файлов выглядит следующим образом:

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

Я просто хочу, чтобы добавить плагин, так что он может Минимизировать файл JS перед записью на _site/активы/myfile.js файл

Как я могу это сделать?

ответ

5

Есть плагины для HTML и CSS Минификация с Jekyll, но поиск не показывает ничего очевидного для JS.

Однако source for CSS one above меньше, чем 100 линий и фактически использует Juicer сделать минификацию, который также может сделать JS, так что плагин может легко использоваться в качестве шаблона для реализации собственной JS Minifier (он выглядит даже просто s/css/js/g будет близко к работе).

2

Для JS и CSS вы можете использовать Jekyll Asset Bundler. Он использует драгоценные камни yui-компрессора или закрывающего компилятора.

4

Я рекомендую камень Jekyll Asset Pipeline для этого. Он поддерживает любой язык (например, Scss, Less, CoffeeScript, Erb и т. Д.) И имеет множество функций (например, теги данных, сжатие, gzipping и т. Д.), Которые устанавливают его отдельно. В наши дни он также кажется самым быстрорастущим драгоценным камнем, связанным с Джекилом, что я подразумеваю, что он набирает силу в сообществе.

+0

Мне понравилось использовать это, но похоже, что разработка остановилась? На данный момент используется https://github.com/ixti/jekyll-assets. – Ben

14

Вот краткое описание того, что я нашел, при решении этого в 2014 году:

работы с

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

Развитие шло хорошо до тех пор, пока не прибился этого проекта:

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

... который до сих пор был моим фаворитом, кроме него d oesn't работа сейчас, и это выглядит как развитие было остановлено, так что я был вынужден обратиться к

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

... который снова бьет # 2, но это просто прикосновение сложнее использовать. Во всяком случае, это единственное, что работает, вот что я сейчас использую.

+0

Другое +1 для jekyll-assets –

+0

Глупый вопрос: как использовать jekyll-активы для сжатия JS? Я новичок в Jekyll, и его документы отстойны. – rilwis

+0

Привет @rilwis, не беспокойтесь. Прошло некоторое время с тех пор, как я работал над этим, но похоже, что на 'readme' для Jekyll Assets есть объект конфигурации JS со значением флага сжатия: https://github.com/jekyll/jekyll-assets#configuration – Ben