Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Starter Kit Gruntfile.js
module.exports = function(grunt) {
// Configuration
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
dist: {
src: [
'source/js/libs/*.js', // All JS in the libs folder
'source/js/init.js' // This specific file
],
dest: 'public/js/production.js'
}
},
uglify: {
build: {
src: 'public/js/production.js',
dest: 'public/js/production.min.js'
}
},
sass: {
dist: {
options: {
style: 'compressed'
},
files: {
'public/css/style.css': 'source/css/style.scss',
'public/styleguide/css/styleguide.css': 'public/styleguide/css/styleguide.scss',
'public/styleguide/css/styleguide-specific.css': 'public/styleguide/css/styleguide-specific.scss'
}
}
},
autoprefixer: {
single_file: {
src: 'public/css/style.css',
dest: 'public/css/style.css'
}
},
shell: {
patternlab: {
command: "php core/builder.php -gp"
}
},
watch: {
html: {
files: ['source/_patterns/**/*.mustache', 'source/_patterns/**/*.json', 'source/_data/*.json'],
tasks: ['shell:patternlab'],
options: {
livereload: true,
spawn: false
}
},
scripts: {
files: ['source/js/*.js'],
tasks: ['concat', 'uglify'],
options: {
livereload: true,
spawn: false
}
},
css: {
files: ['source/css/*.scss', 'source/css/**/*.scss', 'public/styleguide/css/**/*.scss'],
tasks: ['sass','autoprefixer'],
options: {
livereload: true,
spawn: false
}
}
}
});
// Plugins
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-shell');
// Tasks
grunt.registerTask('default', ['concat', 'uglify', 'sass', 'watch', 'autoprefixer', 'shell:patternlab']);
};
@patik

This comment has been minimized.

Show comment
Hide comment
@patik

patik May 30, 2014

With watch, as with most grunt plugins, you can move options to the top level instead of repeating them in each task.

watch: {
    options: {
        livereload: true,
        spawn: false
    },
    html: {
        files: [],
        tasks: []
    },
    scripts: {
        files: [],
        tasks: []
    },
    css: {
        files: [],
        tasks: []
    }
}

You can still override them within each task if necessary.

patik commented May 30, 2014

With watch, as with most grunt plugins, you can move options to the top level instead of repeating them in each task.

watch: {
    options: {
        livereload: true,
        spawn: false
    },
    html: {
        files: [],
        tasks: []
    },
    scripts: {
        files: [],
        tasks: []
    },
    css: {
        files: [],
        tasks: []
    }
}

You can still override them within each task if necessary.

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