grunt-ristretto
v1.5.1
Published
Frontend development with Latte.
Downloads
10
Readme
grunt-ristretto
Frontend development with Latte.
Getting Started (If you're not sure what you're doing)
See RistrettoExample
Getting Started (If you know what you're doing)
This plugin requires Grunt ~0.4.0
and Composer with PHP >= 5.3.0
.
npm install grunt-ristretto --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-ristretto');
The "ristretto" task
Overview
In your project's Gruntfile, add a section named ristretto
to the data object passed into grunt.initConfig()
.
grunt.initConfig({
ristretto: {
options: {
port: 2013,
www_dir: 'www',
latte_dir: 'www',
model_dir: 'www/model',
publish_dir: 'publish'
}
},
})
Your Gruntfile.js
might look like this.
Dont forget to install theese dependencies grunt-contrib-less
and grunt-contrib-watch
in your npm package.json
.
npm install grunt-contrib-less grunt-contrib-watch --save-dev
module.exports = function (grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
less: {
production: {
options: {
yuicompress: true
},
files: {
"www/css/screen.css": "www/less/screen.less",
"www/css/print.css": "www/less/print.less"
}
}
},
watch: {
styles: {
files: ['www/**/*.less'],
tasks: ['less', 'ristretto:stylesheets']
},
scripts: {
files: ['www/**/*', '!www/**/*.css', '!www/**/*.less'],
tasks: ['ristretto:pages']
}
},
ristretto: {
options: {
model_dir: 'www/model',
latte_dir: 'www',
www_dir: 'www',
port: 2013
},
server: {},
publish: {},
stylesheets: {},
pages: {}
}
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-ristretto');
grunt.registerTask('default', ['ristretto:server', 'less', 'ristretto:pages', 'watch']);
};