Search results for 2013 09 23 automating complex workflows with grunt custom tasks

Building a JavaScript Library with Grunt.js

by Brian Rinaldi

…{ options: { trailing: true, eqeqeq: true }, target: { src: [‘src/**/*.js’, ‘test/**/*.js’] } } }); grunt.loadNpmTasks(‘grunt-contrib-jshint’); grunt.loadNpmTasks(‘grunt-contrib-concat’); grunt.loadNpmTasks(‘grunt-contrib-uglify’); grunt.loadNpmTasks(‘grunt-contrib-copy’); grunt.loadNpmTasks(‘grunt-contrib-qunit’); grunt.registerTask(‘default’, [‘jshint’, ‘concat’, ‘uglify’, ‘copy’, ‘qunit’]); }; Conclusion Grunt.js…

Automating Complex Workflows with Grunt Custom Tasks

by Ben Farrell

at how to run an existing Grunt task we’ve grabbed from npm or GitHub. In a Grunt.js file, we will typically Load the task. For example: grunt.loadNpmTasks(‘grunt-contrib-copy’); Register the task:…

Building Your First Grunt Plugin

by Brian Rinaldi

part of all the tasks retrieving and registering a new task with name entered: if (grunt.cli.tasks.length === 1){ var taskParts = grunt.cli.tasks[0].split(‘:’); var tasks = Object.keys(grunt.task._tasks); if (tasks.indexOf(taskParts[0]) === -1){…

Creating Custom Widgets with JavaScript in Wakanda

by Saad Mousliki

custom themes, custom widgets and custom Wakanda Studio extensions. At the time of writing this article, the extension has 28 custom widgets that are classified by popularity, with the most…

A JavaScript Build System Shootout: Grunt vs. Gulp vs. NPM

by Nicolas Bevacqua

as many packages exist to accommodate for those tasks, such as grunt-git, grunt-rsync, or grunt-ec2, to name a few. So where does Grunt fall short? It may get too verbose…

Automating CSS using Grunt

by Brian Rinaldi

…passed to CSSCSS. ‘use strict’; module.exports = function(grunt) { grunt.initConfig({ csscss: { options: { verbose: true }, dist: { src: [‘style.css’] } } }); grunt.loadNpmTasks(‘grunt-csscss’); grunt.registerTask(‘default’, [‘csscss’]); }; To run…

Task Automation with Automaton and Node

by Brian Rinaldi

files: [‘**/*.less’], tasks: [‘less’], options: { nospawn: true } } }, less: { development: { options: { paths: [“less”] }, files: { “less/sample.css”: “less/*.less” } } } }); grunt.loadNpmTasks(‘grunt-contrib-less’); grunt.loadNpmTasks(‘grunt-contrib-watch’);…

Ractive.js Expressions and the New Wave of Reactive Programming

by rich_harris

…number of incomplete tasks depends on the tasks.incomplete keypath, which is a child of the tasks keypath. So when we update tasks, we know that we need to check to…

2013 – The Year in Web Development

by Brian Rinaldi

pushed so much further in 2013 helped bolster developer’s confidence in creating their own custom elements with a framework like AngularJS. 2013 was also another tumultuous year for mobile, as…

Easy API Scaffolding with Simple-API and Node.js

by Joseph Wegner

TasksController = options: {} routes: #Removed to save space actions: getAllTasks: (req, res, params) -> Tasks = mongoose.model “TasksTasks.getAll (err, allTasks) => if err console.log err @responses.internalError res else…