TUGAS PERORANGAN/INDIVIDU

Disusun sebagai

ES6 & SETUP BABEL

oleh :

Khosy Akmal Romadlan / 1741720021

TI – 3A / 17

PROGRAM STUDI D-IV TEKNIK INFORMATIKA

JURUSAN TEKNOLOGI INFORMASI

POLITEKNIK NEGRI MALANG

 Langkah 1
Buka CLI dan jalankan perintah seperti gambar di bawah

 Langkah 2
Membuat file package.json dan menginstall nya lagi dengan perintah
npm install --save-dev babel-cli babel-preset-env
Output file package.json :
 Langkah 3
Membuat file .babelrc kemudian install dengan perintah npm install @babel/preset-env
--save-dev. Kemudian dalam file tersebut isikan seperti gambar di bawah :

 Langkah 4
Membuat file index js dan membuat folder src nya juga seperti di gambar
 Langkah 5
Membuat file index html seperti gambar di bawah :

 Langkah 6
Jalankan perintah npm run build seperti gambar di bawah
Setelah perintah di jalankan maka, di folder lib akan terbuat file index.js
 Langkah 7
Cara meng run babel nya dengan menginstall extention Live Server dan klik logo
Extentionnya

Klik Go Live, maka browser akan otomatis membuka project nya seperti gambar di
bawah
Screenshot inspect halaman pada bagian Console :