Gruntfile.js

module.exports = function(grunt) {
  var config = {};


  //src ===============================
  var src;
  config.src = src = {
    sassMain: 'scss/multi-select.scss',
    distFolder: 'css/multi-select.dist.css',
    devFolder: 'css/multi-select.dev.css',
    sassFolder: 'scss/**/*.scss',
    serverPort: 8000

  };


  //Watch ===============================
  config.watch = {
    scripts: {
      files: ["<%= src.sassFolder %>"],
      tasks: ["dev", "sass:dist"]
        //,tasks: ["dev",'sass:dist']
    }
  }


  //Sass ===============================
  var sass;
  config.sass = sass = {};

  //distribution
  sass.dist = {
    options: {
      style: "compressed",
      noCache: true,
      sourcemap: 'none',
      update: true
    },
    files: {
      "<%= src.distFolder %>": "<%= src.sassMain %>"
    }
  };

  //development env.
  sass.dev = {
    options: {
      style: "expanded",
      lineNumber: true,
    },
    files: {
      "<%= src.devFolder %>": "<%= src.sassMain %>"
    }
  };

  //grunt serve ===============================
  config.connect = {
    server: {
      options: {
        livereload: true,
        port: "<%= src.serverPort %>"
      }
    }
  };

  //Register custom tasks ===============================
  grunt.registerTask('default', ['dev']);
  grunt.registerTask('dev', ['sass:dev']);
  grunt.registerTask('dist', ['sass:dist']);
  grunt.registerTask('serve', ['connect:server', 'watch']);
  require('time-grunt')(grunt);
  require('load-grunt-tasks')(grunt, {
    scope: 'devDependencies'
  });


  //General setup ===============================
  grunt.initConfig(config);

};