Created
May 31, 2014 19:28
-
-
Save markthethomas/6b114f5fd7d55d29eca3 to your computer and use it in GitHub Desktop.
Roots gruntfile with imagemin and autoprefixer
This file contains 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
'use strict'; | |
module.exports = function(grunt) { | |
grunt.initConfig({ | |
jshint: { | |
options: { | |
jshintrc: '.jshintrc' | |
}, | |
all: [ | |
'Gruntfile.js', | |
'assets/js/*.js', | |
'!assets/js/scripts.min.js' | |
] | |
}, | |
autoprefixer: { | |
options: { | |
browsers: ['last 3 versions', "BlackBerry 10", "Android 4" ] | |
}, | |
no_dest: { | |
src: 'assets/css/main.min.css' // globbing is also possible here | |
}, | |
}, | |
imagemin: { | |
dynamic: { // Another target | |
files: [{ | |
expand: true, // Enable dynamic expansion | |
cwd: 'assets/', // Src matches are relative to this path | |
src: ['**/*.{png,jpg,gif}'], // Actual patterns to match | |
dest: 'assets/' // Destination path prefix | |
}] | |
} | |
}, | |
less: { | |
dist: { | |
files: { | |
'assets/css/main.min.css': [ | |
'assets/less/app.less' | |
] | |
}, | |
options: { | |
compress: true, | |
// LESS source map | |
// To enable, set sourceMap to true and update sourceMapRootpath based on your install | |
sourceMap: false, | |
sourceMapFilename: 'assets/css/main.min.css.map', | |
sourceMapRootpath: '/app/themes/roots/' | |
} | |
} | |
}, | |
uglify: { | |
dist: { | |
files: { | |
'assets/js/scripts.min.js': [ | |
'assets/js/plugins/bootstrap/transition.js', | |
'assets/js/plugins/bootstrap/alert.js', | |
'assets/js/plugins/bootstrap/button.js', | |
'assets/js/plugins/bootstrap/carousel.js', | |
'assets/js/plugins/bootstrap/collapse.js', | |
'assets/js/plugins/bootstrap/dropdown.js', | |
'assets/js/plugins/bootstrap/modal.js', | |
'assets/js/plugins/bootstrap/tooltip.js', | |
'assets/js/plugins/bootstrap/popover.js', | |
'assets/js/plugins/bootstrap/scrollspy.js', | |
'assets/js/plugins/bootstrap/tab.js', | |
'assets/js/plugins/bootstrap/affix.js', | |
'assets/js/plugins/*.js', | |
'assets/js/_*.js' | |
] | |
}, | |
options: { | |
// JS source map: to enable, uncomment the lines below and update sourceMappingURL based on your install | |
// sourceMap: 'assets/js/scripts.min.js.map', | |
// sourceMappingURL: '/app/themes/roots/assets/js/scripts.min.js.map' | |
} | |
} | |
}, | |
version: { | |
options: { | |
file: 'lib/scripts.php', | |
css: 'assets/css/main.min.css', | |
cssHandle: 'roots_main', | |
js: 'assets/js/scripts.min.js', | |
jsHandle: 'roots_scripts' | |
} | |
}, | |
watch: { | |
less: { | |
files: [ | |
'assets/less/*.less', | |
'assets/less/bootstrap/*.less' | |
], | |
tasks: ['less', 'version'] | |
}, | |
js: { | |
files: [ | |
'<%= jshint.all %>' | |
], | |
tasks: ['jshint', 'uglify', 'version'] | |
}, | |
livereload: { | |
// Browser live reloading | |
// https://github.com/gruntjs/grunt-contrib-watch#live-reloading | |
options: { | |
livereload: true | |
}, | |
files: [ | |
'assets/css/main.min.css', | |
'assets/js/scripts.min.js', | |
'templates/*.php', | |
'*.php' | |
] | |
}, | |
}, | |
clean: { | |
dist: [ | |
'assets/css/main.min.css', | |
'assets/js/scripts.min.js' | |
] | |
} | |
}); | |
// Load tasks | |
grunt.loadNpmTasks('grunt-autoprefixer'); | |
grunt.loadNpmTasks('grunt-contrib-clean'); | |
grunt.loadNpmTasks('grunt-contrib-jshint'); | |
grunt.loadNpmTasks('grunt-contrib-uglify'); | |
grunt.loadNpmTasks('grunt-contrib-watch'); | |
grunt.loadNpmTasks('grunt-contrib-less'); | |
grunt.loadNpmTasks('grunt-wp-version'); | |
grunt.loadNpmTasks('grunt-contrib-imagemin'); | |
// Register tasks | |
grunt.registerTask('default', [ | |
'clean', | |
'less', | |
'autoprefixer', | |
'uglify', | |
'version', | |
'imagemin', | |
]); | |
grunt.registerTask('dev', [ | |
'watch' | |
]); | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment