web-dev-qa-db-ja.com

jekyllプラグインを使用してアセットを圧縮および縮小する方法

私は次のような簡単なテストjekyllアプリを持っています：

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");

_site/assets/myfile.jsファイルに書き込まれる前にjsファイルを縮小できるように、プラグインを追加したいだけです。

どうすればそれを達成できますか？

jekyllminify
17
umar

これは、2014年にこれを解決しているときに私が見つけたものの要約です：

で始まった

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

    このプロジェクトに打ち勝つまで、開発は順調に進んでいました。

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

    ...これまでのところ、実装するのが私のお気に入りでしたが、現在は機能せず、開発が停止されているように見えるため、

  3. https://github.com/envygeeks/jekyll-assets

    ...これも＃2に勝っていますが、使用するのは少し難しいです。とにかく、それが機能する唯一のものなので、それが私が今使っているものです。

15
Ben

[〜＃〜] html [〜＃〜] および [〜＃〜] css [〜＃〜] Jekyllによる縮小化のためのプラグインがありますが、検索はしません。 JSにとって明らかなことは何でも上げてください。

ただし、 上記のCSSのソース は100行未満であり、実際には Juicer を使用してミニファイを実行します。これは、JSも実行できるため、プラグインは次のように簡単に使用できます。独自のJSミニファイアを実装するためのテンプレート（s/css/js/gはほぼ機能します）。

5
huon

これには Jekyll Asset Pipeline gemをお勧めします。あらゆる言語（Scss、Less、CoffeeScript、Erbなど）をサポートし、それを際立たせる一連の機能（アセットのタグ付け、圧縮、gzipなど）を備えています。また、最近最も急速に成長しているジキル関連の宝石のようです。これは、コミュニティで注目を集めていることを意味します。

4
Matt Hodan

JSおよびCSSの場合、 Jekyll Asset Bundler を使用できます。yui-compressorまたはclosure-compilergemを使用します。

2
crisscross

画像の場合、画像を実行するドロップインプラグインを作成しました image_optim ：

https://Gist.github.com/sffc/a828267913591159ab1cc3e1bfde20d7

0
sffc

これは他のプラグインと比較してかなり更新されているようで、yui-compressorとhtmlcompressorを利用してHTML/XML/CSS/JSMinifierを縮小します
https://github.com/digitalsparky/jekyll-minifier

0
JerryGoyal