Skip to content

Instantly share code, notes, and snippets.

@gaspanik
Created December 19, 2013 14:51
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save gaspanik/8040273 to your computer and use it in GitHub Desktop.
Save gaspanik/8040273 to your computer and use it in GitHub Desktop.
foundation5-grunt-watch-livereload.
/*
Foundation 5 w/ Grunt + Libsass (watch scss/*.scss & .html)
Requirement: Chrome LiveReload extension (https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en).
Usage: foundation new project-name --libsass && grunt
*/
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
options: {
includePaths: ['bower_components/foundation/scss']
},
dist: {
options: {
outputStyle: 'compressed'
},
files: {
'css/app.css': 'scss/app.scss'
}
}
},
watch: {
grunt: { files: ['Gruntfile.js'] },
sass: {
files: ['scss/**/*.scss', '*.html'],
tasks: ['sass'],
options: {
livereload: true,
},
}
}
});
grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('build', ['sass']);
grunt.registerTask('default', ['build','watch']);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment