grunt-reloadlet

grunt-reloadlet

simple live reloader

Getting Started

This plugin requires Grunt ~0.4.0

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-reloadlet --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-reloadlet');

The "reloadlet" task

Overview

In your project's Gruntfile, add a section named reloadlet to the data object passed into grunt.initConfig().

grunt.initConfig({
  reloadlet: {
      options: {
          port: 8005
      },
      main: {
          sass: {
              src: 'common/app/assets/stylesheets/',
              dest: 'static/target/stylesheets'
          },
          assets: [
              {
                  local: 'static/target/stylesheets/head.default.css',
                  remote: '/assets/stylesheets/head.default.css'
              },
              {
                  local: 'static/target/stylesheets/global.css',
                  remote: '/assets/stylesheets/global.css'
              }
          ]
      }
  }
});

Options

options.port

Type: Integer Default value: 8005

Port to host the webserver on.

sass

sass watch command is created using this: 'sass --watch ' + options.sass.src + ':' + options.sass.dest

assets

local path to watch and remote css asset url to refresh on change