Grunt JavaScript Automation for the Lazy Developer

on YouTube ↗51m

" summary

Shows how to replace repetitive front-end chores with Grunt plus npm modules: installs a local grunt install to avoid team version drift, uses package.json devDependencies to pin plugins, runs grunt-contrib-uglify/cssmin/jslint/imagemin to minify and optimize, inserts a banner and version into filenames for cache-busting, compiles SASS/Compass, runs a live-reload server, converts Markdown to HTML, and uses a task to strip-console logs. Demonstrations build, run and auto-reload successfully (jQuery and Modernizr examples cited).

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 0:54Why Build scripts?
3. 4:56System Setup
4. 6:33Project Setup

" related talks

• 36mGrow Up With GruntBen Alman · jQuery Conference 2012 San Francisco
• 26mGrunt your Way to GloryShaun Dunne · Side View 2013
• 29mManaging a Large Front-End Project with Automated Build ToolsKassandra Perch · HTML5.tx Texas 2013
• 37mGo Node Without CodeBrian Rinaldi · Fluent 2013
• 45mFront-End Workflows with GulpBermon Painter · FITC Web Unleashed 2014
• 38mGetting to Know Grunt By Writing Your Own PluginJamie Strachan · Web Unleashed 2015
• 44mNode & Express as Workflow ToolsTopher Bullock · Spotlight: MEAN Stack 2014
• 50mAn Introduction to GulpTim Erickson · MidCamp 2019