Skip to main content

Babel loader buat apa?

· One min read
Wisnu Harjanta

Babel murupakan sebuah tranpiler dari javascript. Trasnpiler(source to source compiler) merupakan sebuah penerjemah kode dengan mengambila inputan berupa kode dari kode yang telah dibuat. Kenapa harus diterjemahkan? hal ini dikarenakan cepatnya pengembangan javascript, yang mana perubahan tersebut tidak sebandingan dengan pengembangan browser dan pengguna. Maka mau tidak mau harus dilakukan sebuah penerjemahan kode agar kode yang dibuat oleh developer biasa dipakai disebuah browser. Contoh: internet explorer, safari, UC browser dsb.

Babel memiliki tiga plugin yang saling membutuhkan diantara lain babel/core, babel-loader, dan babel/preset-env. Ketiga ini saling membutuhkan satu sama lain. Dilain itu masih ada plugin lain yang bisa digunakan. Chekc di website berikut Babel Plugin list

Bagaimana cara kerja babel

babel bekerja dengan menerjemahkan kode javascript versi ES6 keatas(EcmaScipt2015+) menjadi sintax lama yang sudah disupport oleh browser. Untuk versinya sendiri dari halaman babel tidak menjelaskan berapa versi outputnya.

Babel digunakan dimana?

Untuk penggunaan babel sendiri bisa digunakan diproject apa saja yang menggunakan javascript. Tool yang digunakan untuk menjalankan plugin babel yaitu webpack.