如何使用jekyll插件压缩和缩小资产

Question

我有一个简单的测试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");

我只想添加一个插件,以便在将js文件写入_site/assets/myfile.js文件之前将其缩小

我怎么能想到这个？

Answer 1

以下是我在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,但使用起来比较棘手.无论如何,这是唯一有效的,所以我现在正在使用它.

Answer 2

有一些用于与Jekyll 进行HTML和CSS缩小的插件,但搜索并没有为JS带来任何明显的变化.

但是,上面的CSS的来源少于100行并且实际上使用Juicer进行缩小,这也可以做JS,因此插件可以很容易地用作模板来实现自己的JS minifier(它看起来甚至只是s/css/js/g将接近工作).