Created
October 10, 2013 19:47
-
-
Save say2joe/6924371 to your computer and use it in GitHub Desktop.
Yeoman "webapp" Gruntfile customized for no dist build (only uses app directory) optimized for FED client delivery. Also, moves bower_components to scripts/vendor with no optimization, expecting both the minified (for page inclusion) and uncompressed js (for reference).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Generated on 2013-09-24 using generator-webapp 0.4.1 | |
'use strict'; | |
var LIVERELOAD_PORT = 35729; | |
var lrSnippet = require('connect-livereload')({port: LIVERELOAD_PORT}); | |
var mountFolder = function (connect, dir) { | |
return connect.static(require('path').resolve(dir)); | |
}; | |
// # Globbing | |
// for performance reasons we're only matching one level down: | |
// 'test/spec/{,*/}*.js' | |
// use this if you want to recursively match all subfolders: | |
// 'test/spec/**/*.js' | |
module.exports = function (grunt) { | |
// show elapsed time at the end | |
require('time-grunt')(grunt); | |
// load all grunt tasks | |
require('load-grunt-tasks')(grunt); | |
// configurable paths | |
var yeomanConfig = { | |
app: 'app', | |
dist: 'dist' | |
}; | |
grunt.initConfig({ | |
yeoman: yeomanConfig, | |
watch: { | |
coffee: { | |
files: ['<%= yeoman.app %>/scripts/{,*/}*.coffee'], | |
tasks: ['coffee:dist'] | |
}, | |
coffeeTest: { | |
files: ['test/spec/{,*/}*.coffee'], | |
tasks: ['coffee:test'] | |
}, | |
compass: { | |
files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'], | |
tasks: ['compass:server']//, 'autoprefixer'] | |
}, | |
styles: { | |
files: ['<%= yeoman.app %>/styles/{,*/}*.css'], | |
tasks: ['copy:styles']//, 'autoprefixer'] | |
}, | |
livereload: { | |
options: { | |
livereload: LIVERELOAD_PORT | |
}, | |
files: [ | |
'<%= yeoman.app %>/*.html', | |
'<%= yeoman.app %>/css/{,*/}*.css', | |
'{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js', | |
'<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' | |
] | |
} | |
}, | |
connect: { | |
options: { | |
port: 9000, | |
// change this to '0.0.0.0' to access the server from outside | |
hostname: 'localhost' | |
}, | |
livereload: { | |
options: { | |
middleware: function (connect) { | |
return [ | |
lrSnippet, | |
mountFolder(connect, 'app/css'), | |
mountFolder(connect, yeomanConfig.app) | |
]; | |
} | |
} | |
}, | |
test: { | |
options: { | |
middleware: function (connect) { | |
return [ | |
mountFolder(connect, '.tmp'), | |
mountFolder(connect, 'test'), | |
mountFolder(connect, yeomanConfig.app) | |
]; | |
} | |
} | |
}, | |
dist: { | |
options: { | |
middleware: function (connect) { | |
return [ | |
mountFolder(connect, yeomanConfig.dist) | |
]; | |
} | |
} | |
} | |
}, | |
open: { | |
server: { | |
path: 'http://localhost:<%= connect.options.port %>' | |
} | |
}, | |
clean: { | |
dist: { | |
files: [{ | |
dot: true, | |
src: [ | |
'.tmp', | |
'<%= yeoman.dist %>/*', | |
'!<%= yeoman.dist %>/.git*' | |
] | |
}] | |
}, | |
server: '.tmp' | |
}, | |
jshint: { | |
options: { | |
jshintrc: '.jshintrc' | |
}, | |
all: [ | |
'Gruntfile.js', | |
'<%= yeoman.app %>/scripts/{,*/}*.js', | |
'!<%= yeoman.app %>/scripts/vendor/*', | |
'test/spec/{,*/}*.js' | |
] | |
}, | |
mocha: { | |
all: { | |
options: { | |
run: true, | |
urls: ['http://localhost:<%= connect.options.port %>/index.html'] | |
} | |
} | |
}, | |
coffee: { | |
dist: { | |
files: [{ | |
expand: true, | |
cwd: '<%= yeoman.app %>/scripts', | |
src: '{,*/}*.coffee', | |
dest: '.tmp/scripts', | |
ext: '.js' | |
}] | |
}, | |
test: { | |
files: [{ | |
expand: true, | |
cwd: 'test/spec', | |
src: '{,*/}*.coffee', | |
dest: '.tmp/spec', | |
ext: '.js' | |
}] | |
} | |
}, | |
compass: { | |
options: { | |
cssDir: 'app/css', | |
sassDir: '<%= yeoman.app %>/styles', | |
generatedImagesDir: '.tmp/images/generated', | |
imagesDir: '<%= yeoman.app %>/images', | |
javascriptsDir: '<%= yeoman.app %>/scripts', | |
fontsDir: '<%= yeoman.app %>/styles/fonts', | |
//importPath: '<%= yeoman.app %>/bower_components', | |
httpGeneratedImagesPath: '/images/generated', | |
httpFontsPath: '/styles/fonts', | |
httpImagesPath: '/images', | |
outputStyle: 'compact', | |
relativeAssets: false, | |
noLineComments: true | |
}, | |
dist: { | |
options: { | |
generatedImagesDir: '<%= yeoman.dist %>/images/generated', | |
//outputStyle: 'compact', //'compressed' | |
//environment: 'production', | |
debugInfo: false | |
} | |
}, | |
server: { | |
options: { | |
debugInfo: false | |
} | |
} | |
}, | |
autoprefixer: { | |
options: { | |
browsers: ['last 1 version'] | |
}, | |
dist: { | |
files: [{ | |
//expand: true, | |
//cwd: '.tmp/styles/', | |
//src: '{,*/}*.css', | |
//dest: '.tmp/styles/' | |
}] | |
} | |
}, | |
// not used since Uglify task does concat, | |
// but still available if needed | |
/*concat: { | |
dist: {} | |
},*/ | |
requirejs: { | |
dist: { | |
// Options: https://github.com/jrburke/r.js/blob/master/build/example.build.js | |
options: { | |
// `name` and `out` is set by grunt-usemin | |
baseUrl: yeomanConfig.app + '/scripts', | |
optimize: 'none', | |
// TODO: Figure out how to make sourcemaps work with grunt-usemin | |
// https://github.com/yeoman/grunt-usemin/issues/30 | |
//generateSourceMaps: true, | |
// required to support SourceMaps | |
// http://requirejs.org/docs/errors.html#sourcemapcomments | |
preserveLicenseComments: false, | |
useStrict: true, | |
wrap: true | |
//uglify2: {} // https://github.com/mishoo/UglifyJS2 | |
} | |
} | |
}, | |
rev: { | |
dist: { | |
files: { | |
src: [ | |
'<%= yeoman.dist %>/scripts/{,*/}*.js', | |
'<%= yeoman.dist %>/styles/{,*/}*.css', | |
'<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp}', | |
'<%= yeoman.dist %>/styles/fonts/{,*/}*.*' | |
] | |
} | |
} | |
}, | |
useminPrepare: { | |
options: { | |
dest: '<%= yeoman.dist %>' | |
}, | |
html: '<%= yeoman.app %>/index.html' | |
}, | |
usemin: { | |
options: { | |
dirs: ['<%= yeoman.dist %>'] | |
}, | |
html: ['<%= yeoman.dist %>/{,*/}*.html'], | |
css: ['<%= yeoman.dist %>/styles/{,*/}*.css'] | |
}, | |
imagemin: { | |
dist: { | |
files: [{ | |
expand: true, | |
cwd: '<%= yeoman.app %>/images', | |
src: '{,*/}*.{png,jpg,jpeg}', | |
dest: '<%= yeoman.dist %>/images' | |
}] | |
} | |
}, | |
svgmin: { | |
dist: { | |
files: [{ | |
expand: true, | |
cwd: '<%= yeoman.app %>/images', | |
src: '{,*/}*.svg', | |
dest: '<%= yeoman.dist %>/images' | |
}] | |
} | |
}, | |
cssmin: { | |
// This task is pre-configured if you do not wish to use Usemin | |
// blocks for your CSS. By default, the Usemin block from your | |
// `index.html` will take care of minification, e.g. | |
// | |
// <!-- build:css({.tmp,app}) styles/main.css --> | |
// | |
// dist: { | |
// files: { | |
// '<%= yeoman.dist %>/styles/main.css': [ | |
// '.tmp/styles/{,*/}*.css', | |
// '<%= yeoman.app %>/styles/{,*/}*.css' | |
// ] | |
// } | |
// } | |
}, | |
htmlmin: { | |
dist: { | |
options: { | |
/*removeCommentsFromCDATA: true, | |
// https://github.com/yeoman/grunt-usemin/issues/44 | |
//collapseWhitespace: true, | |
collapseBooleanAttributes: true, | |
removeAttributeQuotes: true, | |
removeRedundantAttributes: true, | |
useShortDoctype: true, | |
removeEmptyAttributes: true, | |
removeOptionalTags: true*/ | |
}, | |
files: [{ | |
expand: true, | |
cwd: '<%= yeoman.app %>', | |
src: '*.html', | |
dest: '<%= yeoman.dist %>' | |
}] | |
} | |
}, | |
// Put files not handled in other tasks here | |
copy: { | |
dist: { | |
files: [{ | |
expand: true, | |
dot: true, | |
cwd: '<%= yeoman.app %>', | |
dest: '<%= yeoman.dist %>', | |
src: [ | |
'*.{ico,png,txt}', | |
'.htaccess', | |
'images/**',//.{webp,gif}', | |
'styles/fonts/{,*/}*.*', | |
'data/{,*}*.json' | |
] | |
},{ | |
expand: false//, | |
/*src: ['bower_components/**'], | |
dest: 'scripts/vendor/'*/ | |
}] | |
}, | |
styles: { | |
expand: true, | |
dot: true, | |
cwd: '<%= yeoman.app %>/styles', | |
//dest: '.tmp/styles/', | |
dest: '<%= yeoman.app %>/css', | |
src: '{,*/}*.css' | |
} | |
}, | |
modernizr: { | |
devFile: '<%= yeoman.app %>/scripts/modernizr/modernizr.js', | |
outputFile: '<%= yeoman.dist %>/scripts/modernizr/modernizr.js', | |
files: [ | |
'<%= yeoman.dist %>/scripts/{,*/}*.js', | |
'<%= yeoman.dist %>/styles/{,*/}*.css', | |
'!<%= yeoman.dist %>/scripts/vendor/*' | |
], | |
uglify: true | |
}, | |
concurrent: { | |
server: [ | |
'compass', | |
'coffee:dist', | |
'copy:styles' | |
], | |
test: [ | |
'coffee', | |
'copy:styles' | |
], | |
dist: [ | |
//'coffee', | |
'compass', | |
'copy:styles', | |
//'imagemin', | |
//'svgmin', | |
//'htmlmin' | |
] | |
}, | |
bower: { | |
options: { | |
exclude: ['modernizr'] | |
}, | |
all: { | |
rjsConfig: '<%= yeoman.app %>/scripts/main.js' | |
} | |
} | |
}); | |
grunt.registerTask('server', function (target) { | |
if (target === 'dist') { | |
return grunt.task.run(['build', 'open', 'connect:dist:keepalive']); | |
} | |
grunt.task.run([ | |
'clean:server', | |
'concurrent:server', | |
'autoprefixer', | |
'connect:livereload', | |
'open', | |
'watch' | |
]); | |
}); | |
grunt.registerTask('test', [ | |
'clean:server', | |
'concurrent:test', | |
'autoprefixer', | |
'connect:test', | |
'mocha' | |
]); | |
grunt.registerTask('build', [ | |
'clean:dist', | |
'useminPrepare', | |
'concurrent:dist', | |
'autoprefixer', | |
'requirejs', | |
//'concat', | |
'cssmin', | |
'uglify', | |
'modernizr', | |
'copy:dist', | |
//'rev', | |
//'usemin' | |
]); | |
grunt.registerTask('default', [ | |
//'jshint', | |
'test', | |
'build' | |
]); | |
/* grunt.loadNpmTasks('grunt-ftpscript'); | |
require('matchdep').filterDev('grunt-*') | |
.forEach(grunt.loadNpmTasks); */ | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment