JavaScript Dosyalarını SharePoint Framework (SPFx) İçerisine Nasıl Dahil Edebilirsiniz?

0 67

SPFx makale serimizi tamamladık fakat durmak yok 🙂

Bu makale içerisinde JS dosyalarınızı nasıl dahil edeceğinize değiniyor olacağız. Öncelikle solution oluştunuz ve “src” folder içerisine “HelperJS” isimli bir folder oluşturunuz. Sonra içerisine “Custom.js” JavaScript dosyanızı oluşturunuz.

“Custom.js” içerisine ilgili JavaScript kodunuzu yazınız ya da denemek için aşağıdaki gibi güncelleyebilirsiniz. (MyFunction isimli bir function oluşturulmuştur ve çalıştığında alert vermektedir.)

“config” folder içerisinde yer alan “config.json” dosyasınızı aşağıdaki ya da ihtiyacınıza göre güncelleyiniz.

Yukarıdaki örnekte externals “myScript” olarak adlandırılmıştır. “globalName, path” bilgilerine göre paket içerisine dahil ediyor olacaktır. (Path kısmına CDN’de verebilirsiniz.)

Gerekli tanımlama işlemlerimizi yaptıktan sonra kullanmak istediğiniz WebPart ya da components içerisinde “require(‘myScript’)” ile çağırınız.

Yukadarıki işlem ile WebPart içerisine ya da ihtiyacınıza göre çağırdığınız kısımda dahil etmiş bulunuyoruz. Örnek olması açısından bir tane input “onClick” event ‘inde function çağıralım.

“gulp serve” komutu ile projenizi ayağa kaldırınız ve ilgili input ‘a tıklayınız.

Tüm yapmamız gereken bu kadar, okuduğunuz için teşekkür ederim 🙂

Bunları da beğenebilirsin Yazarın diğer kitapları

Themetf