#Howto cook good JavaScript code w/

Grunt.JSAndrii Lundiak LANDIKE @ gmail.comTwitter: @landike

2014

What?

Grunt.JSJavaScript task runner

- laziness => opportunity;- “build” automation;- save your time;- make project maintainable;- Node.JS family Author: @cowboy aka Ben Alman

Agenda❖ Short review of grunt contrib modules.

❖ Live usage examples.

❖ What next?

❖ Resources

❖ Q/A

Dependency mng.

❖ matchdep, load-grunt-tasks.

Min-Ugly-Beauty❖ grunt-contrib-concat, grunt-contrib-uglify,

❖ grunt-contrib-cssmin,

❖ grunt-contrib-htmlmin, grunt-contrib-imagemin,

❖ grunt-ngmin

Preprocessors❖ grunt-contrib-less,

❖ Ruby: grunt-contrib-sass or grunt-contrib-compass

❖ C: node-sass + node-sass-middleware (for connect) or grunt-sass (including node-sass) by @SindreSourus❖ @SindreSorus: “Check out grunt-contrib-sass if you prefer something more stable, but slower.”

Static Analysis (code validation)❖ grunt-jslint, grunt-contrib-jshint,

❖ grunt-contrib-jsonlint,

❖ grunt-contrib-csslint, grunt-lesslint

❖ grunt-eslint (not eslint-grunt ),

❖ grunt-mdlint,

❖ grunt-plato.

Shell/Files oriented❖ grunt-contrib-copy, grunt-sync, grunt-contrib-watch,

❖ grunt-clean, grunt-remove-logging, grunt-search,

❖ grunt-exec, grunt-shell, grunt-env, grunt-path,

❖ grunt-ssh,

❖ grunt-prompt,

❖ grunt-bower-task,

❖ grunt-concurrent,

❖ rimraf.

Release oriented❖ grunt-bump,

❖ grunt-readme => grunt-verb

❖ grunt-changelog, grunt-conventianal-changelog,

❖ grunt-inject, grunt-sails-linker,

❖ grunt-rev.

Server(s)❖ grunt-contrib-connect, or express ,

❖ connect-livereload,

❖ nodemon + grunt-nodemon, forever (outdated),

❖ grunt-concurrent.

#TODO❖ grunt-newer

❖ grunt-browserify,

❖ grunt-contrib-coffee,

❖ grunt-sails-linker,

❖ grunt-gh-pages

❖ grunt-autoprefixer

❖ grunt-manifest

js.next()? => gulp.js❖ Grunt vs Gulp +: Gulp uses node streams to group tasks together and process them sequentially in memory) +/-: Grunt’s tasks are configured in a configuration object inside the gruntfile while Gulp’s are coded using a Node style syntax -/+: 779 vs. 3,638.- : gulp error messaging.

Resources❖ Grunt.JS: Getting started

❖ Automating your JS with Grunt

❖ Grunt.JS add-on for Chrome

❖ Read: Build wars [grunt vs. gulp]

❖ Grunt-Delicious Project code =>

❖ https://bitbucket.org/alundiak/grunt-delicious/

– Mungara Tarou Krishnamurti

“Because answers exists only to questions.”

@landike says: