2012-04-18 35 views
12

Tôi có một ứng dụng thử nghiệm Jekyll đơn giản như vậy:làm thế nào để nén và tài sản giảm bớt sử dụng plugin Jekyll

index.html là:

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

và các tập tin myfile.js là như sau:

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

tôi chỉ muốn thêm một plugin để nó có thể rút gọn các file js trước khi nó được ghi vào _site/tài sản/myfile.js nộp

Làm thế nào tôi có thể đạt được điều đó?

Trả lời

5

Có các plugin cho số HTMLCSS rút gọn bằng Jekyll, nhưng tìm kiếm không hiển thị bất kỳ điều gì rõ ràng cho JS.

Tuy nhiên, source for CSS one above nhỏ hơn 100 dòng và thực sự sử dụng Juicer để thực hiện việc rút gọn, cũng có thể làm JS, để plugin có thể dễ dàng được sử dụng làm mẫu để triển khai trình chỉnh sửa JS của riêng bạn (có vẻ như chỉ là s/css/js/g sẽ gần hoạt động).

2

Đối với JS và CSS, bạn có thể sử dụng Jekyll Asset Bundler Nó sử dụng đá quý yui-máy nén hoặc đá đóng cửa biên dịch.

4

Tôi khuyên bạn nên sử dụng đá quý Jekyll Asset Pipeline cho việc này. Nó hỗ trợ bất kỳ ngôn ngữ nào (ví dụ: Scss, Less, CoffeeScript, Erb, v.v.) và có một loạt các tính năng (ví dụ: gắn thẻ nội dung, nén, gzipping, v.v.). Nó cũng có vẻ là đá quý liên quan đến Jekyll ngày càng phát triển nhanh nhất trong những ngày này, mà tôi có nghĩa là nó đang thu hút sự chú ý trong cộng đồng.

+0

Tôi thích sử dụng tính năng này nhưng có vẻ như sự phát triển đã bị tạm dừng? Sử dụng https://github.com/ixti/jekyll-assets ngay bây giờ. – Ben

14

Dưới đây là một bản tóm tắt về những gì tôi đã tìm thấy trong khi giải quyết này trong năm 2014:

đầu với

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

phát triển được tiến triển tốt cho đến khi nó được đánh bại bởi dự án này:

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

... cho đến nay tôi vẫn yêu thích triển khai, ngoại trừ d việc oesn't bây giờ và có vẻ như phát triển đã được dừng lại, vì vậy tôi đã buộc phải chuyển sang

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

... mà một lần nữa, đánh bại # 2 nhưng chỉ là một cảm ứng phức tạp hơn để sử dụng. Dù sao, đó là người duy nhất hoạt động, vì vậy đó là những gì tôi đang sử dụng bây giờ.

+0

+1 khác cho tài sản jekyll –

+0

Câu hỏi ngu ngốc: cách sử dụng tài sản jekyll để nén JS? Tôi mới đến Jekyll và các tài liệu của nó hút. – rilwis

+0

Xin chào @rilwis, đừng lo lắng. Được một thời gian kể từ khi tôi làm việc này nhưng có vẻ như ngay trên 'readme' cho Jekyll Assets có một đối tượng cấu hình JS với cờ nén: https://github.com/jekyll/jekyll-assets#configuration – Ben

Các vấn đề liên quan