dart2js
- Dart kursu
- İleri seviye
- Ders 49/83
- 5 dk
dart2js ile JavaScript derleme öğrenirsin.
dart2js
dart2js, Dart kodunu JavaScript'e derleyen araçtır. Böylece Dart ile yazdığın kod tarayıcıda çalışır. dart compile js main.dart -o main.js komutuyla derlersin; çıktı bir .js dosyasıdır.
dart2js ağaç budama (tree-shaking) yapar: kullanılmayan kodu çıktıya koymaz. Üretim için küçültülmüş (minified) çıktı üretir. Bu, Dart'ın web'e taşınmasının klasik yoludur; dart2wasm'den daha eski ama hâlâ yaygın.
Derleme komutu
dart2js'i dart compile js komutuyla çağırırsın. Örnek: dart compile js main.dart -o main.js. Bu komut main.dart dosyasını alır ve main.js üretir. Bu dosyayı bir HTML sayfasına <script> etiketiyle eklersin.
Derleme sırasında dart2js kullanılmayan kütüphane bölümlerini atlar (tree-shaking). Bu, çıktı dosyasını küçük tutar. Üretimde -O4 seviyesinde küçültme yapabilirsin; geliştirme sırasında daha okunaklı çıktı tercih edersin.
Uygulama dart2js bilgisini yazdır
main içinde print('dart2js: Dart → JavaScript') ve print('Çıktı: main.js') çağrılarını ekle. Bu, dart2js'in ne yaptığını özetleyen statik bir bilgidir.
Başlangıç kodu
void main() {
// dart2js bilgisini yazdır
}Örnek çözüm
void main() {
print('dart2js: Dart → JavaScript');
print('Çıktı: main.js');
}Beklenen çıktı
dart2js: Dart → JavaScript Çıktı: main.js
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 dart2js ne üretir?
- JavaScript Doğru cevap
- WebAssembly
- Python kodu
- C++ kodu
Açıklama: dart2js Dart kodundan JavaScript üretir.
2 dart2js çıktı uzantısı
dart compile js main.dart -o main.____;dart compile js main.dart -o main.js;Açıklama: dart2js .js uzantılı JavaScript dosyası üretir.
3 dart2js parçalarını eşleştir
| Kavram | Anlamı |
|---|---|
dart2js |
Dart → JavaScript |
dart compile js |
Derleme komutu |
main.js |
Çıktı dosyası |
tree-shaking |
Kullanılmayan kodu atar |