Nyiampin Development Environment Buat GruntJS

Okie sebelum membuat development environment GruntJs, pertama-tama kita udah harus punya nodejs dl. Soalnya GruntJS itu pake NPM. Daan untuk postingan ini dipakai nodejs dan npm version seperti terlihat dibawah :

Siips... setelah iut kita install grunt cli secara global. Caranya tinggal execute command "npm install grunt-cli -g"

Terus berikutnya kita ngebuat package.json dari npm init (yang default2 dl ajjah buat npm initnya)

Klu udah... berikutnya kita install grunt secara local. Jadi tinggal eksekusi " npm i grunt --save-dev"

Hasilnya seperti ini :

Jadi versi terbaru grunt saat ini adalah 1.0.3...

Siips... berikutnya kita buat Gruntfile.js dan isikan kode seperti ini

Seperti terlihat pada Gruntfile.js diatas, jadi pada dasarnya kita punya 3 biji komponent utama di grunt, yaitu configuration, load plugins dan register task. Ketiga kompoennt tersebut akan dibahas lebih jauh dipostingan berikutnya. Daan saat ini kita bisa ngetest Grunt Task kita dengan perintah
"grunt <nama task". Contohnya :

So, kita ngejalanin task "testajjah" dan didalam task tersebut ada console yang bakalan ngeprint "running test task from grunt" seperti terlihat pada kode dan command prompt screen diatas. yeeeii...

Berikutnya kita bikin 1 biji task di grunt buat ngerunning 2 biji task yang udah kita bikin diatas. Kodenya seperti ini :

 Hasilnya :

Siipss... sampai disini... semoga bisa membantu ehehe... :-)