Cara Menggunakan Webpack-Dev-Server

Webpack-dev-server adalah server kecil yang dibangun dari framework Express (Node.js) yang berfungsi untuk menjalankan webpack bundle sebagai server. Salah satu alasan kenapa kita harus pakai Webpack-dev-server, karena memiliki teknologi outo refresh, jadi ketika kita menyimpan dokumen/kode (Ctrl + S) pada teks editor, maka Webpack-dev-server akan otomatis merefresh browser.

Tanpa panjang lebar, mari kita praktekan. 

Seperti biasa kita instal dulu pada command line, npm install webpack-dev-server --save-dev.

Buka kembali file webpack.config.js dan tambahkan perintah berikut.

Inline adalah salah satu mode yang akan meng-update bundle.js dan me-refresh browser secara otomatis. contentBase adalah tempat dimana kita menyimpan file index.html.

Selanjutnya kita buat script pada package.json untuk menjalankan webpack-dev-server. Script  adalah tempat dimana kita membuat shotcut yang akan dijalankan pada command line.

Sekarang tinggal kita jalankan pada command line.

Jalankan browser dengan http://localhost:3000.

Mau lihat artikel saya tentang React, Javascript, AngularJS dll dapat teman-teman baca di http://www.dumetschool.com/blog-category/javascript