Browserify sendiri termasuk salah satu pustaka javascript bundler, selain browserify ada beberapa macam lagi daftar pustaka, yaitu seperti webpack, rollup, parcel dan lain-lain, tetapi disini kita akan belajar salah satunya yaitu cara menginstall javascript bundler browserify, apa itu javascript bundler nanti kita akan bahas pada paragraf berikutnya, maka dari itu jangan kemana-mana simak terus ya teman-teman.

Sebelum belajar cara menginstall javascript bundler browserify, teman-teman apakah sudah tau apa itu bundler, Ketika kita menggunakan atau membuat sebuah aplikasi javascript maka kita akan banyak menggunakan file-file pustaka seperti Vuex, vue-router dan lain-lain, maka kita harus menginclude file tersebut seperti ini:

Dimana kita harus meletakan pustaknya di bawah vue.js nya. mungkin jadi cukup banyak ya, dan javascript bundler lah yang mengatasi hal ini, kita tinggal meletakan file pustaka dalam satu file javascript, dan kita hanya butuh file tersebut untuk memanggil daftar pustakanya, untuk kita gunakan di dalam project kita.

Oke cukup jelas ya tentang javascript bundlernya, langsung saja bagaimana cara menginstall javascript bundler browserify, silahkan teman-teman buka terminalnya disini saya menggunakan Visual Studio Code, masuk ke folder project teman-teman.

ketikan npm init

dan akan muncul seperti ini, silahkan sesuaikan, disini saya mengisinya seperti ini:

cara menginstall javascript bundler browserify

Kemudian kita install Vuenya dengan cara silhkan teman-teman ketikan seperti ini:

jika sudah di install vuenya kita install browserify nya, seperti ini

silahkan teman-teman buat file app.js dengan isi seperti ini:

jika sudah silahkan teman-teman buka file package.json kita akan bundle app.js ke main.js seperti ini:

dan sekarang kita buat file indexnya kita include kan file main.js nya, file index saya seperti ini:

silahkan teman-teman run dengan cara:

dan silahkan di lihat apakah sudah tampil datanya dari app.jsnya karena disini saya menggunakan visual studio code, jadi saya hanya tekan live untuk melihat hasilnya, dan hasil yang saya dapat seperti ini:

cara menginstall javascript bundler browserify

oke saya rasa cukup sampai disini belajar kita tentang cara menginstall javascript bundler browserify, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.