Search results for choose grunt gulp npm Scripts fewliveasync.js

Building a JavaScript Library with Grunt.js

by Brian Rinaldi

…to use Grunt.js to build JavaScript library. Grunt.js requires Node.js and npm to run, so first sections explain what those are, how to install them and how to use them….

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

by Nicolas Bevacqua

…lint a JavaScript file, using JSHint just like you’ve already seen with Grunt and npm run. In the case of Gulp, you’ll have to install the gulp–jshint Gulp plugin for…

Roll Your Own Asset Pipeline with Gulp

by Brian Rinaldi

…Then add this script task to your gulpfile.js: var gulp = require(‘gulp‘); var less = require(‘gulp-less’); var concat = require(‘gulp-concat’); gulp.task(‘less’, function() { return gulp.src(‘css/app.less’) .pipe(less()) .pipe(gulp.dest(‘dist’)); }); gulp.task(‘scripts‘, function()…

Real-World Best Practices for Building Angular.js Apps without Browserify or Require.js

by Jeff Dickey

…allowing you to pick and choose functionality, or bake them into an existing framework (like Ember or Backbone). Angular 2.0 will use a separate library di.js that will handle all…

Automating Complex Workflows with Grunt Custom Tasks

by Ben Farrell

…look 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…

Building Your First Grunt Plugin

by Brian Rinaldi

…actually interested in is the plugin.js file in tasks folder. Plugin code can be wrapped within a registerMultiTask function: grunt.registerMultiTask(taskName, [description, ] taskFunction) It is called a multi task because…

Introduction to npm

by Brian Rinaldi

…the reader: make a new test project; install your newly published module from npm, and then write or modify the existing run.js to test it. Homework What’s that look? You…

Writing a Command Line Utility using Node

by Brian Rinaldi

…continuing? (y/N) n I should note that if you are on Windows, you might want to choose a name other than “calc” that doesn’t conflict with pre-existing commands. Once our…

Automating CSS using Grunt

by Brian Rinaldi

…to learn more about Grunt and Node.js by creating and sharing a Grunt task that would execute CSSCSS. The Grunt task, which is named grunt-csscss, is published on NPM. The…

Modern Web Best Practice: Build Tools

by Aaron Bushnell

…temporary files as we move through the scripts task. Grunt or Gulp? There’s really no clear choice as to which build tool “wins out”. Both of these frameworks are well-made,…