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']);
};