Geliştirici Bulut Hizmeti ile JavaScript kodunu küçülterek bileşenlerinizin performansını artırın ve indirme boyutlarını azaltın.
Bileşenlerinizi Etkili Kılma
Sample-Text-With-Image bileşeni için bileşen kaynak kodunu etkili kılmaya (isteğe bağlı) bir örnek sağlanmıştır. Kaynak kodunu küçültüp birleştirmek için RequireJS optimizerini kullanabilirsiniz. Bir bileşenin küçültülmesi JavaScript kodundaki istenmeyen alanı kaldırır, daha iyi performans ve azaltılmış indirme boyutu sağlar. Etkili kılma şu eylemleri içerir:
JavaScript'i küçültme.
CSS'i sıkıştırma.
JavaScript, HTML ve CSS'i tek dosyada (render.js) birleştirin.
Bu optimizasyon, indirme boyutunu azaltır ve performansı iyileştirir.
Bileşeniniz için Optimizasyonu Etkinleştirme
Sample-Text-With-Image bileşeninde, optimizasyon render.js (template.html, data-defaults.js ve design.css) dosyalarında bağımlılık olarak işaretlenmiş tüm dosyaları küçültür ve render.js dosyasında birleştirir. Optimizasyonu destekleyen diğer bileşenler şunlardır:
Sample-Folder-List
Sample-File-List
Sample-Documents-Manager
Sample-Process-Start-Form
Sample-Process-Task-List
Sample-Process-Task-Details
Yerel bileşeniniz için optimizasyonu etkinleştirmek üzere şu adımları uygulayın (zorunlu):
gulpfile.js dosyasını Sample-Text-With-Image bileşeninden bileşeninize kopyalayın.
render.js bağımlılıklarınız için gulpfile.js dosyasında modül adlarını düzeltin. Gulpfile.js dosyasındaki açıklamalara bakın.
Not:
assets altında bir css klasörü ile mevcut bir bileşeniniz varsa optimizasyon sırasında hatalardan kaçınmak için css klasörünün adını styles olarak değiştirin.