10 Şubat 2018 Cumartesi

webpack ile öncelikli dosya yükleme(import) etme

Merhaba,
bu yazımda sizlere webpack ile öncelikli dosya yükleme(import) etme işleminden bahsedeceğim.  Eğer bir dizinde index.first.js uzantılı bir dosya varsa bu dosya import edilsin bu dosya yoksa index.js dosyası import edilsin istiyorsanız  aşağıdaki  extension tanımlama satırını webpack.js dosyasında resolve kısmına eklemeniz yeterli olacaktır. 
resolve: {
   extensions: ['.first.js','.second.js', '.js']
}, 

örnek dizin içeriği :

 |-- index.js
 |-- index.first.js
 |-- index.second.js


Konunun daha iyi anlaşılması için biraz detaylandıralım; 
eğer react native ile geliştirme yaptıysanız react ta platform öncelikli kaynak dosyasının import edildiğini farketmişsinizdir.

örn: 
import {MessageBar} from ./MessageBar 
şeklinde bir kod yazdığınızda react öncelikle uygulamanın çalıştığı platforma bakar eğer andorid platform'u üzerinde kodunuz çalışıyorsa 
./MessageBar dizininde index.android.js dosyasını arar bu dosya yoksa index.js dosyasını import eder. Bu sayede platform'a göre değişiklik gösteren kodları dosya uzantısı  ile ayırmış olursunuz.

MessageBar
|-- index.js
|-- index.andorid.js
|-- index.ios.js

Hiç yorum yok:

Yorum Gönderme