Ve CSS ve JS dosyalarını birleştirme sıkıştırarak site performansını optimize etmek için çalışıyorum. Benim sorum bu elde etmek için nasıl (beton) adımları ile karşı karşıya kaldım gerçek bir durum (diğer geliştiriciler arasında çok tipik, ama olmalıdır) verildi.

Aşağıdaki gibi sayfa referanslarım CSS ve JS birkaç dosya:

<!--
  It's easier to work on smaller files during development.
  Hence, the multiple CSS and JS files.
-->
<link type="text/css" rel="stylesheet" href="/css/main.css" />
<link type="text/css" rel="stylesheet" href="/css/secondary-1.css" />
<link type="text/css" rel="stylesheet" href="/css/secondary-2.css" />

<script type="text/javascript" src="/scripts/js/main.js"></script>
<script type="text/javascript" src="/scripts/js/adapter/adapter.js"></script>
<script type="text/javascript" src="/scripts/js/adapter/title-adapter.js"></script>

Üretim serbest bırakılması için, içine 3 CSS dosyaları birleştirmek ve bu örneğin YUI Compressor kullanarak minify etmek istiyorum. Ama sonra, yeni minified CSS referans için bu 3 dosya gereken tüm sayfaları güncelleştirmek istiyorum. Bu hata eğilimli ve birçok dosya içinde bazı çizgiler çıkarma ekliyorsun (örn görünüyor. Daha az riskli başka bir yaklaşım mı? JS için aynı sorun dosyaları.

minify - sen, örneğin, bir url içine koyarak da birden fazla js ve css dosyaları birleştirmek sağlar kontrol edin

<script src="/scripts/js/main.js,/scripts/js/adapter/adapter.js"></script>

Yıllarca kullandık ve işini iyi yapıyor ve sinek (dosyalarını düzenlemek gerek).