2014-09-11 82 views
1

下面是我在我的網站上運行的JS文件的列表。我想將它們全部合併爲一個縮小文件。當我這樣做時,頁面會引發常見的jquery錯誤。但我所做的一切都是縮小它們並將它們放在同一個文件中(以相同的順序)。如何將JS文件合併爲一個沒有錯誤

當我讓他們單獨輸入則沒有錯誤

jquery-1.8.3.min.js 
modernizr-2.6.2-respond-1.1.0.min.js 
bootstrap.js 
script.js (custom js) 
jquery.validate.js 
bootstrap.notify.js 
jquery.hoverintent.min.js 
jquery.cookie.js 
jquery.superfish.min.js 
jquery.cycle2.min.js 
respond.min.js 
jquery.magnific-popup.min.js 
html5shiv-printshiv.min.js 
+0

你是否在試圖獲得一些性能提升?我認爲如果這些文件是單獨的,瀏覽器會通過異步調用來獲得它,這樣可以同時下載多個文件(如下載管理器),如果你把所有文件放在一個文件中,最終需要花費時間下載。 – Thangadurai 2014-09-11 11:41:45

回答

1

什麼你要找的是一個構建經理。你可以使用類似BowerGrunt。如果你想推出自己的構建管理器,這個blog post可能會有所幫助。

1


像鮑比告訴你的,你可以使用Grunt來處理一些有用的工具,它們可以讓你縮小所有的文件。

Concretly,可以幫助你的插件是由Grunt團隊製作的contrib-uglify。如果您想使用Grunt(及其工具),可以閱讀Getting Started以安裝Grunt,然後按照說明安裝contrib-uglify。然後,如果您想知道工作是如何醜化的,則您在Github repository中擁有所需的一切。

咕嚕聲非常簡單而有趣。我最近開始使用它,我可以說這非常有用。

我希望我能幫到你!

相關問題