Ara.15

Grunt Dersleri 12: HTML Dosyalarını Minimize Etme (htmlmin)

CSS’te olduğu gibi HTML dosyasında veya PHP gibi dosyalarda da minimize işlemi yapmanızı tavsiye ederim.

npm install grunt-contrib-htmlmin –save-dev

JS Ekleme Komutu:

grunt.loadNpmTasks(‘grunt-contrib-htmlmin’);

Yapacağımız örneğimizde kök klasörde sadece html dosyası olarak index.html dosyamız var, sadece bunun üzerinde işlem yapacağız. Miminize işlemi sonrasında da aynı dosya üzerine yazdıracağız. Eğer kodlar arasında açıklama satırları da varsa, bunları sildireceğiz.

htmlmin: {      
dist:{                                           
         options: {                                 
                  removeComments: true,
                  collapseWhitespace: true
         },
         files: {                                   
                  'index.html': 'index.html'        
         }
}
}

Yazdığımız tanımlamalara göre açıklama satırlarını ve boşlukları sildiriyoruz. Hedef olarak ve yeni kayıt olarak index.html dosyasını belirtiliyoruz.

İçeriği paylaş:
  • facebook
  • twitter