2012-04-18 12 views
12

tengo una sencilla aplicación Jekyll prueba de este modo:cómo comprimir y activos minify el uso de plugins Jekyll

index.html es:

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

y los archivos myfile.js es el siguiente:

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

sólo quiero añadir un plugin para que pueda minify el archivo js antes de que se escribe en los _SITE/activos/myfile.js presentar

¿Cómo puedo lograr eso?

Respuesta

5

Hay complementos para HTML y CSS minificación con Jekyll, pero una búsqueda no aparece nada obvio para JS.

Sin embargo, el source for CSS one above es menos de 100 líneas y de hecho utiliza Juicer hacer la minimización, que también puede hacer JS, de manera que el plugin fácilmente podría ser utilizado como una plantilla para implementar su propio Minifier JS (parece que incluso sólo s/css/js/g estaría cerca de funcionar).

4

Recomiendo la gema Jekyll Asset Pipeline para esto. Es compatible con cualquier idioma (por ejemplo, Scss, Less, CoffeeScript, Erb, etc.) y tiene un conjunto de características (por ejemplo, etiquetado de activos, compresión, gzipping, etc.) que lo distinguen. También parece ser la joya relacionada con Jekyll de más rápido crecimiento en la actualidad, lo que en mi opinión significa que está ganando tracción en la comunidad.

+0

¿Estaba disfrutando de usar esto pero parece que el desarrollo se ha detenido? Usando https://github.com/ixti/jekyll-assets por el momento. – Ben

14

He aquí un resumen de lo que he encontrado mientras que la solución de este en 2014:

Comienza con

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

Desarrollo iba bien hasta que fue golpeado por este proyecto:

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

... que hasta ahora ha sido mi favorito para implementar, excepto d oesn't trabajo ahora y parece que se ha detenido el desarrollo, por lo que se vio obligado a recurrir a

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

... que a su vez, supera # 2, pero es sólo un toque más complicado de usar. De todos modos, ese es el único que funciona, entonces eso es lo que estoy usando ahora.

+0

Otro +1 para jekyll-assets –

+0

Pregunta estúpida: ¿cómo usar los activos de jekyll para comprimir JS? Soy nuevo en Jekyll y sus documentos son una mierda. – rilwis

+0

Hola, @vilwis, no te preocupes. Hace un tiempo que trabajé en esto, pero parece que en el 'Léame' de Jekyll Assets hay un objeto de configuración de JS con un indicador de compresión: https://github.com/jekyll/jekyll-assets#configuration – Ben

Cuestiones relacionadas