Search results for roll your own asset pipeline with gulp Scripts fewliveasync.js

Roll Your Own Asset Pipeline with Gulp

by Brian Rinaldi

…home-grown scripts. Gulp’s value compared to Asset Pipeline is that it is still flexible. If you’ve been using the Asset Pipeline, or on a totally different stack, Gulp should offer…

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

by Nicolas Bevacqua

…itself. Defining tasks for npm is as easy as adding properties to a scripts object in your package manifest. The name of the property will be used as the task…

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

by Jeff Dickey

…you can easily port this over to Grunt, Make, or whatever build tool you want (shockingly, even asset pipeline). You just need something that can concat files. I’ve played around…

Modern Web Best Practice: Build Tools

by Aaron Bushnell

…as: var gulp = require(‘gulp‘), coffee = require(‘gulp-coffee’), concat = require(‘gulp-concat’), uglify = require(‘gulp-uglify’); gulp.task(‘scripts‘, function() { return gulp.src(‘js/*.coffee’) .pipe(coffee()) .pipe(uglify()) .pipe(concat(‘all.min.js‘)) .pipe(gulp.dest(‘build/js‘)); }); You can see from the example…

Slush – A Better Web App Scaffolding Tool

by Brian Rinaldi

…out new projects. Slush generators and their Slushfiles As I mentioned a Slush generator is a Yeoman-like project generator built with Gulp. It uses a Slushfile (slushfile.js) instead of a…

ECMAScript 6: Jump in, the water is warm!

by Mark Volkmann

…next line, Traceur looks for todolist.js // in the build directory instead of the scripts directory. import TodoList from ‘./todolist’; var app = angular.module(‘Todo’, []); var todoList = new TodoList();…

Best of JavaScript, HTML & CSS – Week of May 5, 2014

by Brian Rinaldi

…how you can use Gulp to recreate a Rails-like Asset Pipeline for your CSS and JavaScript assets via Jeff Dickey. Roll Your Own Asset Pipeline with Gulp Stoyan Stefanov uses…

Best of JavaScript, HTML & CSS – Week of February 3, 2014

by Brian Rinaldi

…getting started with Gulp. Managing Your Build Tasks With Gulp.js Another walk through the basics of using the Gulp task runner, this time by Jack Franklin. An introduction to Gulp

Managing Bower Components with Grunt

by Simon Smith

…runs over Git, and is package-agnostic. A packaged component can be made up of any type of asset, and use any type of transport If you’re unfamiliar with Bower, there…

5 Things You Should Stop Doing With jQuery

by Burke Holland

…id=”zack”>This element is on the page <strong>BEFORE</strong> all the scripts. No document ready needed.</p> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script> <script type=”text/javascript” charset=”utf-8″> // if you include your scripts at the very bottom, you…