Mengenal BabelJS — Compiler javascript ES6

Babel merupakan compiler javascript yang digunakan untuk convert sintaks javscript ES 2015+ di browser ataupun environtments lama.

Dengan menggunakan babeljs kita tidak perlu menunggu dukungan resmi dari browser ataupun nodejs untuk menggunakan sintaks terbaru dari javscript.

Pada tutorial kali ini akan digunakan package momentjs sebagai contoh penggunaan sintaks es6 untuk import package. Untuk memulai tutorial silahkan ikuti tutorial berikut.

npm init -y

Install babel dengan perintah berikut

npm install --save-dev babel-cli babel-preset-latest

Install package momentjs dengan perintah berikut

npm install moment --save

Buat file .babelrc, kemudian copy paste code berikut

{
"presets": ["latest"]
}

file .babelrc digunakan untuk menyimpan konfigurasi dari babel sehingga kita tidak perlu menambahkan parameter parameter ketika memanggil file dengan babel.

Buat file index.js di bagian root, kemudian copy paste code berikut

import moment from 'moment';
console.log(moment().format('MMMM Do YYYY, h:mm:ss a'));

Langkah selanjutnya adalah copy paste code berikut di file package.json di property scripts untuk menjalankan file index.js dengan babel

"start": "babel-node index.js",

Nah sekarang anda dapat mencoba menjalankan file dengan babel dengan menggunakan perintah berikut

npm start

Jika mengikuti langkah di atas dengan baik maka anda akan mendapati hasil sebagai berikut