Cara Menggunakan Webpack-Dev-Server

15/10/2016    Reza Indra    1275     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More