Cara Instalasi Dan Menggunakan Webpack

Pada artikel sebelumnya saya telah memperkenalkan Webpack sebagai Dependensi Manajer. Kali ini saya akan mengajarkan bagaimana cara melakukan instalasi dan menggunakannya. Tema-teman pastikan sudah menginstal Node JS ya.

Pertama-tama silahkan buat folder, kemudian jalankan Command Line dan masuk ke dalam desktop dan folder project cd desktop/belajar-react. Kalau sudah ketikan perintah npm install react react-dom --save.

Enter terus sampai selesai.

Sekarang lihat di dalam folder project teman-teman, kalau berhasil akan menciptakan file bernama package.json.

Sekarang kita instal Webpack, ketik npm install webpack --save-dev.

Coba lihat didalam file package.json, Webpack sudah berhasil kita instal.

Selanjutnya coba kita instal jQuery.

Pada file package.json.

Sekarang silahkan teman-teman buat file index.html dan app.js.

Pada index.html, di dalam tag body buat tag script dengan source bundle.js.

Kemudian pada app.js, kita buat perintah jQuery untuk menampilkan text.

perintah require, artinya kita memanggil package yang sudah diinstal pada node modules.

Sekarang kita akan melakukan konfigurasi pada Webpack. Silahkan teman-teman buat file webpack.config.js dan ketik perintah berikut.

entry adalah nama file yang akan di-bundle (transpiling), dan output adalah hasil dari proses bundle.

Kalau sudah silahkan jalankan kembali Command Line, dan ketik perintah webpack.

Kalau sudah silahkan cek kembali dalam folder teman-teman.

Sekarang kita jalankan file index.html pada browser.

13 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat