Grunt js คืออะไร หาคำตอบได้ที่นี่
Grunt JS เป็น Package เสริมตัวหนึ่งของ Node JS
ก่อนที่เราจะใช้งาน Grunt JS ได้เราต้องลง Node JS
แล้ว ลง NPM ไว้ก่อน จากนั้น ติดตั้ง Grunt JS ได้ด้วยคำสั่งง่ายๆเลย
npm install -g grunt-cli
Grunt JSเป็น JavaScript Task Runner ทำหน้าที่เป็นคล้ายๆ util คอยช่วยให้เราทำงานได้เร็วขึ้น
เช่นการจัดระเบียบไฟล์ พวก CSS , javascript งานถิปาถะต่างๆ พวก ขนาดไฟล์ พวกกำจัดขยะที่ไม่ได้ใช้ เป็นต้น
โดย Grunt JS มี plugin ให้เรียกใช้เยอะมาก หลักหลายพันเลยทีเดียว
ยกตัวอย่าง plugin ที่นิยมนำมาใช้เช่น
- LESS (grunt-contrib-less)ใช้ในการคอมไพล์ LESS ให้เป็น CSS
- Compress CSS files (grunt-contrib-cssmin)ใช้ในการลดขนาดไฟล์ css
- Uglify (grunt-contrib-uglify)ใช้ในการลดขนาดไฟล์ javascript
- Minify images (grunt-contrib-imagemin)ใช้ในการลดขนาดรูปภาพ
.. เป็นต้น
plugin เหล่านี้ถ้านำมาใช้ดีๆ จะทำให้ code ของเราได้ HTML ที่ clean
และไม่มีไฟล์ขยะที่ไม่ได้ใช้ติดมา ทำให้โหลดเร็ว Performance พุ่งแน่นอน
ลองดูเพิ่มเติมได้ที่ : http://gruntjs.com
ส่วน plugin มีให้โหลดใน github เยอะมาก