我有一個網站,它使用了很多jquery/javascript。現在,在網站的首頁我已經包含在頭約10 JavaScript文件:Javascript縮小自動化
<head>
<script src="/js/jquery.js"></script>
<script src="/js/jquery_plugin_1.js"></script>
<script src="/js/jquery_plugin_2.js"></script>
<script src="/js/jquery_plugin_3.js"></script>
<script src="/js/my_scripts_1.js"></script>
<script src="/js/my_scripts_2.js"></script>
<script src="/js/my_scripts_3.js"></script>
<script src="/js/my_scripts_4.js"></script>
<!-- ...and so on -->
</head>
由於遊客數量逐漸變大,我開始思考這一切的表現。我已經閱讀過,最好是縮小所有JavaScript文件並將它們集中在一起,因此瀏覽器只能創建一個HTTP請求。我這樣做了。現在我有everything.js
文件包含所有的JavaScript,包括jquery,插件和我的自定義腳本。
<head>
<!--
<script src="/js/jquery.js"></script>
<script src="/js/jquery_plugin_1.js"></script>
<script src="/js/jquery_plugin_2.js"></script>
<script src="/js/jquery_plugin_3.js"></script>
<script src="/js/my_scripts_1.js"></script>
<script src="/js/my_scripts_2.js"></script>
<script src="/js/my_scripts_3.js"></script>
<script src="/js/my_scripts_4.js"></script>
...
-->
<script src="/js/everything.js"></script>
</head>
有趣的開始,當我需要對其中一個文件進行更改時。每次,爲了檢查我的更改是否按預期工作,我需要壓縮文件並更新everything.js
或取消註釋所有舊代碼。有了這種工作流程,很容易忘記一些事情並犯一個錯誤。
問題:是否有自動化的東西,可以採取這種頭痛?有些東西可以讓我像過去那樣編輯我的單獨文件,並且在我準備好測試我的更改時縮小和拉開所有內容。
我使用PHP5和SVN
SOLUTION
感謝你的幫助,大家好,我發現我的解決方案: 我會放一個post-commit
鉤在我的SVN回購協議,將採取一切我的.js
文件,把它們放在一起,並使用YUI壓縮器縮小它們。然後,在我的腳本中,我將fork爲包含,這樣在開發環境中,該站點將包含單獨的javascript文件,但在生產中將包含組合和縮小文件。
你可以編寫一個shell腳本來爲你做這件事,在一個特定的目錄中收集所有`.js`文件,然後梳理並壓縮結果。 – Gumbo 2010-12-08 10:12:58
我認爲你應該檢查你的腳本是否在一個文件中工作正常。 – 2010-12-08 10:13:30