seq-theme-modern-slide-in/Gruntfile.js

A minimalist theme for showcasing products

'use strict';

var LIVERELOAD_PORT = 35729;
var SERVER_PORT = 8000;
var lrSnippet = require('connect-livereload')({port: LIVERELOAD_PORT});
var mountFolder = function (connect, dir) {
    return connect.static(require('path').resolve(dir));
};

module.exports = function(grunt) {

  require('time-grunt')(grunt);

  require('load-grunt-tasks')(grunt, {
		scope: 'devDependencies',
		config: 'package.json',
		pattern: ['grunt-*']
	});

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    connect: {
			options: {
				port: SERVER_PORT,
				hostname: 'localhost'
			},
			livereload: {
				options: {
					base: '/',
					middleware: function (connect) {
						return [
							lrSnippet,
							mountFolder(connect, '')
						];
					}
				}
			}
		},

		open: {
			server: {
				path: 'http://localhost:' + SERVER_PORT
			}
		},

    copy: {
      main: {
        files: [
        {src: ['bower_components/sequencejs/scripts/sequence.js'], dest: 'scripts/sequence.js'},
        {src: ['bower_components/sequencejs/scripts/sequence.min.js'], dest: 'scripts/sequence.min.js'},
        {src: ['bower_components/hammerjs/hammer.min.js'], dest: 'scripts/hammer.min.js'},
        {src: ['bower_components/imagesloaded/imagesloaded.pkgd.min.js'], dest: 'scripts/imagesloaded.pkgd.min.js'}
        ]
      }
    },

    version: {
      js: {
        options: {
          prefix: 'Version:\\s*'
        },
        src: ['scripts/**/sequence-theme*.js']
      },
      css: {
        options: {
          prefix: 'Version:\\s*'
        },
        src: ['scss/**/sequence-theme*.scss', 'css/**/sequence-theme*.css']
      },
      json: {
        options: {
          prefix: '"version":\\s"*'
        },
        src: ['bower.json']
      }
    },

    sass: {
      options: {
        style: 'expanded'
      },

      main: {
        expand: true,
        flatten: true,
        src: ['scss/*.scss'],
        dest: 'css/',
        ext: '.css',
        extDot: 'last',
        rename: function(dest, src) {
          return dest + src.replace("scss", "css");
        }
      }
    },

    autoprefixer: {
      options: {
        browsers: [
        'last 2 version',
        'ie 7',
        'ie 8',
        'ie 9']
      },

      main: {
        src: 'css/*.css'
      }
    },

    cssmin: {
      main: {
        expand: true,
        cwd: 'css/',
        src: ['*.css', '!*.min.css'],
        dest: 'css/',
        ext: '.min.css',
        extDot: 'last'
      }
    },

    uglify: {

      options: {
        preserveComments: 'some'
      },

      main: {
        files: [{
          expand: true,
          cwd: 'scripts/',
          src: ['*.js', '!*.min.js'],
          dest: 'scripts/',
          rename: function(dest, src) {
            return dest + src.replace(".js", ".min.js");
          }
        }]
      },
    },

    // Watch JS, CSS, and HTML for changes, and run tasks accordingly
    watch: {

      options: {
        nospawn: true,
        livereload: true
      },

      // Watch JS
      js: {
        files: ['scripts/**/*.js', '!**/*.min.js', '!third-party/**/*.js'],
        tasks: ['uglify', 'version:js'],
        options: {
          spawn: false,
        }
      },

      json: {
        files: ['package.json'],
        tasks: ['version'],
        options: {
          spawn: false,
        }
      },

      scss: {
        files: ['**/*.scss'],
        tasks: ['sass', 'autoprefixer', 'cssmin', 'version:css'],
        options: {
          spawn: false,
        }
      },

      // Watch CSS
      css: {
        files: ['**/*.css', '!**/*.min.css'],
        tasks: ['autoprefixer', 'cssmin', 'version:css'],
        options: {
          spawn: false,
        }
      },

      // Watch HTML
      html: {
        files: ['*.html'],
        options: {
          spawn: false,
        }
      }
    }
  });

  // Load the plugin that provides the "uglify" task.
  grunt.loadNpmTasks('grunt-contrib-uglify');

  // Watch for local development
  grunt.registerTask('serve', 'start the server and watch files', [
    'connect:livereload',
    'open',
    'watch'
  ]);

  // Manual compile
  grunt.registerTask('default', [
    'version',
    'copy',
    'sass',
    'autoprefixer',
    'cssmin',
    'uglify'
  ]);
};