Skip to content

Instantly share code, notes, and snippets.

@crueber
Last active August 29, 2015 14:20
Show Gist options
  • Select an option

  • Save crueber/2e11363f9e0a65858dfd to your computer and use it in GitHub Desktop.

Select an option

Save crueber/2e11363f9e0a65858dfd to your computer and use it in GitHub Desktop.
A Complete GulpJS Asset Pipeline.
# NodeJS Asset Helper.
fs = require 'fs'
asset_dir = './public/assets/'
pull_assets_manifest = ->
fs.readFile asset_dir+'manifest.json', (err, file) ->
koaris.locals.assets = JSON.parse(file)
console.log "Refreshing Asset Manifest"
pull_assets_manifest()
if process.env.NODE_ENV is 'development'
fs.watchFile asset_dir+'manifest.json', {interval: 1000}, pull_assets_manifest
var gulp = require('gulp');
var revdel = require('rev-del');
var rev = require('gulp-rev');
var less = require('gulp-less');
var jade = require('gulp-jade');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var coffee = require('gulp-coffee');
var jstConcat = require('gulp-jst-concat');
var sourcemaps = require('gulp-sourcemaps');
gulp.task('server', function () {
nodemon({script: 'index.js', ignore: ['public/*'], ext: 'coffee jade', env: node_environment})
//.on('restart', function () { console.log('Node server restart triggered.') });
});
gulp.task('jade', function() {
var srcs = ['public/coffee/**/*.jade']
return gulp.src(srcs)
.pipe(jade())
.pipe(jstConcat('jst.js', { renameKeys: ['^.*public/coffee/(.*).html$', '$1'] }))
.pipe(gulp.dest('public/assets'))
});
gulp.task('less', function() {
var srcs = ['public/less/app.less']
return gulp.src(srcs)
.pipe(less({compress: true}))
.pipe(gulp.dest('public/assets'))
});
gulp.task('coffee', ['jade'], function() {
var srcs = [
'public/coffee/initialize.coffee',
'public/coffee/**/*.coffee'
]
return gulp.src(srcs)
.pipe(sourcemaps.init())
.pipe(coffee({bare:true}))
.pipe(concat('app.js'))
.pipe(uglify())
.pipe(sourcemaps.write('maps'))
.pipe(gulp.dest('public/assets'))
});
gulp.task('rev', ['coffee', 'less', 'jade'], function() {
var srcs = [
'public/assets/jst.js',
'public/assets/app.js',
'public/assets/app.css'
]
return gulp.src(srcs)
.pipe(rev())
.pipe(sourcemaps.write('maps'))
.pipe(gulp.dest('public/assets'))
.pipe(rev.manifest('manifest.json'))
.pipe(revdel({dest: 'public/assets'}))
.pipe(gulp.dest('public/assets'))
});
gulp.task('watch', function() {
gulp.watch('public/less/**/*.less', ['rev']);
gulp.watch('public/coffee/**/*.coffee', ['rev']);
gulp.watch('public/coffee/**/*.jade', ['rev']);
});
gulp.task('default', ['rev', 'watch' ]);
{
"dependencies": {
},
"devDependencies": {
"gulp": "^3.8.11",
"gulp-coffee": "^2.3.1",
"gulp-concat": "^2.5.2",
"gulp-jade": "^1.0.0",
"gulp-jst-concat": "0.0.1",
"gulp-less": "^3.0.3",
"gulp-rev": "^3.0.1",
"gulp-sourcemaps": "^1.5.2",
"gulp-uglify": "^1.2.0",
"rev-del": "^1.0.4"
}
}
@crueber

crueber commented May 1, 2015

Copy link
Copy Markdown
Author

Just included the relevant packages from package.json that need installed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment