Untuk menginstal Grunt di Windows, pertama, kita membutuhkan Node.js dan NPM pada sistem yang sama di mana kita menginginkan perangkat lunak Grunt. Jadi, sebelum mempelajari bagian tutorial untuk mengetahui tentang ini, mari kita lihat dulu Apa itu Grunt?
Grunt adalah pelari tugas JavaScript yang memungkinkan otomatisasi tugas yang berbeda untuk pengembang yang bersifat berulang seperti minifikasi, kompilasi, pengujian unit, linting, dll. Itu membuat pekerjaan lebih mudah. Bagian terbaiknya adalah Grunt memiliki berbagai macam pustaka plugin yang memungkinkan kita mengotomatiskan tugas dengan sedikit usaha, terlebih lagi, jika Anda sedang mengerjakan beberapa proyek dan memerlukan beberapa plugin untuk mendukungnya yang tidak tersedia di Grunt, Anda dapat membuatnya sendiri menggunakan npm.
Grunt menggunakan interface command line untuk menjalankan perintah yang dimaksud yang disebutkan oleh pembuat kode dalam file bernama Gruntfile.
Grunt dibuat oleh Ben Alman dan ditulis dalam Node.js dan digunakan oleh banyak perusahaan populer termasuk Twitter, Opera, Mozilla, Bootstrap, WordPress, Microsoft, dan Adobe.
Datang ke subjek utama artikel ini yaitu cara menginstal Grunt di Windows 10/8/7. Jadi, untuk menginstal dan mengelola Grunt kita memerlukan NPM dan untuk itu pertama, kita perlu menginstal Node.js di Windows karena NPM adalah pengelola paket Nodejs & menyertainya.
Instal Grunt di Windows 10/8/7
Langkah 1: Unduh Node.JS & NPM di Windows
Pertama-tama, buka situs web resmi Nodejs di sini tautannya. Dan unduh versi stabil dari Node.js yang saat menulis artikel ini adalah 10.15.3.
Langkah 2: Instal NPM & Node.js untuk Windows
Sekarang klik dua kali pada setup Node.js yang didownload. Dan klik tombol NEXT ketika wizard muncul.
Wizard pengaturan untuk instalasi Node.js atau NPM akan meminta untuk menerima Perjanjian Lisensi. Centang kotak dan klik tombol NEXT.
Atur folder tujuan, jika Anda ingin menginstalnya di tempat lain atau membiarkannya seperti default dan klik tombol Next.
Paket yang akan diinstal adalah Node.js java runtime dan npm package manager beserta dokumentasi Online untuk shortcut.
Klik NEXT dan kemudian instal.
Langkah 3: Buka prompt perintah Windows
Buka prompt perintah di bawah hak administratif dan ketik perintah di bawah ini untuk mengonfirmasi instalasi NPM.
npm -v
perintah di atas akan menampilkan versi npm yang diinstal.
Jika Anda sudah memiliki Node.js dan NPM di sistem Anda, maka Anda dapat menggunakan perintah di bawah ini untuk memeriksa pembaruan terbaru, jika tersedia.
pembaruan npm -g npm
Langkah 4: Instal Grunt di Windows menggunakan NPM
Seperti yang kita ketahui bahwa Grunt JS bekerja pada command line sehingga untuk menginstal Grunt CLI melalui manajer paket NPM di Windows, berikut adalah perintahnya:
npm install -g grunt-cli
Langkah 5: Buat Proyek Demo untuk menguji Grunt (windows)
Setelah menginstal Grunt terlebih dahulu Anda dapat membuat proyek. Misalnya, di sini saya membuat proyek bernama Raj.
Untuk itu cukup dari command prompt buat direktori dengan nama proyek Anda. Di sini saya menggunakan raj, sebagai nama direktori yang juga digunakan sebagai nama proyek.
mk raj
Beralih ke direktori yang dibuat
cd raj
Sekarang buat file package.json dasar menggunakan perintah sederhana
npm init
Instal Grunt versi terbaru dan tambahkan ke devDependencies Anda
npm install grunt –save-dev
Instal plugin grunt ke dalam file pacakge.json yang ada menggunakan perintah:
npm instal <module> –save-dev
<module> mewakili modul yang ingin Anda instal untuk proyek secara lokal.
Misalnya, di sini kita menginstal plugin grunt-contrib-uglify untuk mencetak metadata:
npm install grunt-contrib-uglify –save-dev
Trivia : Berikut adalah daftar Plugin Grunt.
Buat Gruntfile.js menggunakan jenis Command prompt:
ketik nul > gruntfile.js
notepad gruntfile.js
Tambahkan teks berikut dan simpan:
module.exports = function(grunt) { // CONFIGURE GRUNT grunt.initConfig({ // dapatkan info konfigurasi dari file package.json // dengan cara ini kita dapat menggunakan hal-hal seperti nama dan versi (pkg.name) pkg: grunt. file.readJSON(‘package.json’), // semua konfigurasi kita ada di sini uglify: { // uglify opsi konfigurasi tugas: {}, build: {} } }); // log something grunt.log.write(‘Halo dunia! Berikut adalah tutorial untuk menginstal grunt pada Windows | H2s Media!!n’); // Muat plugin yang menyediakan tugas “uglify”. grunt.loadNpmTasks(‘grunt-contrib-uglify’); // Tugas default. grunt.registerTask(‘default’, [‘uglify’]); };
Tutup notepad dan kembali ke command prompt dan ketik perintah:
mendengus
Outputnya akan seperti:
Untuk mendapatkan lebih banyak sampel Gruntfile, lihat tautan resmi.
Sumber Daya Berguna Lainnya:
- Cara menginstal perangkat lunak penyiar Terbuka di Ubuntu
- Cara menginstal bootstrap di Ubuntu menggunakan command terminal
- Instal MySQL Workbench di Linux Ubuntu
- Cara menginstal Ubuntu 19.04 di Virtual Box