Ben jquery / javascript çok kullandığı bir web sitesi var. Şimdi, indeks sayfasından azından ben yaklaşık 10 javascript dosyaları kafasına dahil ettik:
<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>
Ziyaretçi sayısı büyüdükçe beri, ben tüm bu performansı hakkında düşünmeye başladım. Ben bütün javascript dosyaları küçültmek ve biri onları bir araya toplamak için, iyi bir fikir olduğunu, okudum, bu yüzden bir tarayıcı tek bir HTTP isteği yapmak gerekir. Ben öyle yaptım. Şimdi jquery, eklentileri ve benim özel komut dosyaları da dahil olmak üzere, tüm javascript içeren everything.js
dosyası var.
<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>
Ben dosyalardan biri değişiklik yapmak gerektiğinde eğlence başlar. Her zaman, beklendiği gibi benim değişiklikler çalışıyor olup olmadığını kontrol etmek, ben dosya ve güncelleştirme everything.js
veya yorumsuz, tüm eski kodu sıkıştırmak gerekir. Iş akışının bu tür bir şey unutmak ve hata yapmak çok kolay.
Question: uzak bu baş ağrısı alabilir otomatik bir şey var mı? Ben eskisi gibi bana ayrı dosyalarını düzenlemek için izin verecek, ve benim değişiklikleri test için hazır olduğumda her şeyi küçültmek ve elbirliği bir şey?
Ben PHP5 ve SVN kullanıyorum
SOLUTION
Thank you for your help, everybody, I found my solution:
I will put a post-commit
hook in my SVN repo that will take all my .js
files, put them together and minify them using YUI compressor. Then, in my script I will fork javascript includes, so that in development environment the site will include separate javascript files, but in production the combined and minified file will be included.