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

15 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 Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat