Oke kali ini gue mau share salah satu tools yang sangat bermanfaat bagi web programmer, tools ini disebut Webpack
Webpack
Apa sih webpack ? anak mana dia ? kenapa dia dilahirkan ?
Yak untuk mengetahui info detailnya silahkan masuk ke website webpack itu sendiri : https://webpack.js.org wkwkw.
Yak webpack singkatnya adalah suatu module bundler, maksud module bundler ini adalah suatu module yang membundle (membungkus) banyak module menjadi 1!! ingat ya banyak module di kemas kedalam 1 module, sehingga kita tidak perlu mengimport banyak (capek bro).
Contoh ya, misalnya kalian ingin membuat website pakai bootstrap + jquery + library js lainnya.. otomatis kalian harus meng import file css dan js dari framework tersebut berulang kali dan menuliskannya di head(untuk css) dan setelah tag body(untuk js) dan apabila ditengah jalan projek kalian diharuskan menambahkan suatu library tertentu agar fitur yang di rencanakan berjalan dengan baik, akhirnya kalian download library tersebut dan lagi dan lagi menambahkannya pada tag head dan body.
this is the old school way:
but, we could create better structure and have a better life with webpack m8.
dengan webpack kita bisa nge bundle css + js kedalam 1 file javascript dan kalian tinggal cuma nge import 1 file js saja dan jika di projek kalian sekiranya akan menambah file library yang baru, kalian tinggal menambahkannya melalui webpack saja tanpa harus menambahkannya dengan tag script.. Asyik kan
this is the programmer zaman now way:
dan webpack juga punya webpack-dev-server dia sangat berguna ketika kalian sudah malas untuk menekan tombol ctrl + r untuk mereload browser setiap kali kalian mengubah css/js/html kalian. Webpack dev server akan automatis me reload tampilan html apabila ada css,js atau element html yang berubah.
Dan yang paling hebat dari webpack adalah dia gratis :D Huehuehuehue...
untuk menginstall webpack kalian diharuskan agar menginstall node.js dulu ya sahabat~
yang masih pakai oldschoolway buru buru tobat gan apalagi yang ngoding masih pake notepad++ wwkwkwkw.
Yak webpack singkatnya adalah suatu module bundler, maksud module bundler ini adalah suatu module yang membundle (membungkus) banyak module menjadi 1!! ingat ya banyak module di kemas kedalam 1 module, sehingga kita tidak perlu mengimport banyak (capek bro).
Contoh ya, misalnya kalian ingin membuat website pakai bootstrap + jquery + library js lainnya.. otomatis kalian harus meng import file css dan js dari framework tersebut berulang kali dan menuliskannya di head(untuk css) dan setelah tag body(untuk js) dan apabila ditengah jalan projek kalian diharuskan menambahkan suatu library tertentu agar fitur yang di rencanakan berjalan dengan baik, akhirnya kalian download library tersebut dan lagi dan lagi menambahkannya pada tag head dan body.
this is the old school way:
but, we could create better structure and have a better life with webpack m8.
dengan webpack kita bisa nge bundle css + js kedalam 1 file javascript dan kalian tinggal cuma nge import 1 file js saja dan jika di projek kalian sekiranya akan menambah file library yang baru, kalian tinggal menambahkannya melalui webpack saja tanpa harus menambahkannya dengan tag script.. Asyik kan
this is the programmer zaman now way:
dan webpack juga punya webpack-dev-server dia sangat berguna ketika kalian sudah malas untuk menekan tombol ctrl + r untuk mereload browser setiap kali kalian mengubah css/js/html kalian. Webpack dev server akan automatis me reload tampilan html apabila ada css,js atau element html yang berubah.
Dan yang paling hebat dari webpack adalah dia gratis :D Huehuehuehue...
untuk menginstall webpack kalian diharuskan agar menginstall node.js dulu ya sahabat~
yang masih pakai oldschoolway buru buru tobat gan apalagi yang ngoding masih pake notepad++ wwkwkwkw.
0 comments:
Post a Comment