Play/Gruntfile.js at master · garytryan/Play · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
var LIVERLOAD_PORT = 35729;

var lrSnippet = require('connect-livereload')({ port: LIVERLOAD_PORT });

var livereloadMiddleware = function(connect, options){
  return [
    lrSnippet,
    connect.static(options.base),
    connect.directory(options.base)
  ];
};

module.exports = function(grunt) {
  grunt.initConfig({
    distFolder: 'dist',
    pkg: grunt.file.readJSON('package.json'),

    clean: {
      dist: {
        src: ['<%= distFolder %>']
      }
    },

    uglify: {
      dist: {
        expand: true,
        cwd: 'app',
        src:['js/**/*.js', '!js/boilerplate.js'],
        dest: '<%= distFolder %>/'
      }
    },

    stylus: {
      client: {
        src: 'app/styl/style.styl',
        dest: 'app/css/style.css',
        compress: false
      },
      dist: {
        src: 'app/styl/style.styl',
        dest: '<%= distFolder %>/css/style.css',
        compress: false
      }
    },

    copy: {
      dist: {
        files: [
          { expand: true, flatten:true, src: 'app/index.html', dest: '<%= distFolder %>' },
          { expand: true, flatten:true, src: 'app/img/*', dest: '<%= distFolder %>/img/' },
          { expand: true, flatten:true, src: 'app/css/meyers_reset.css', dest: '<%= distFolder %>/css/' }
        ]
      }
    },

    connect: {
      client: {
        options: {
          port: 9000,
          base: 'app',
          middleware: livereloadMiddleware
        }
      },
      preview: {
        options: {
          port: 9000,
          base: 'dist',
          keepalive: true
        }
      }
    },

    watch: {
      client: {
        files: ['app/**/*'],
        tasks: [],
        options: {
          livereload:LIVERLOAD_PORT
        }
      },

      css: {
        files: 'app/styl/*.styl',
        tasks: ['css'],
        options: { livereload: true }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-connect');
  grunt.loadNpmTasks('grunt-contrib-stylus');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-contrib-copy');

  grunt.registerTask('build',   ['clean:dist','uglify:dist','stylus:dist', 'copy:dist']);
  grunt.registerTask('preview', ['connect:preview']);
  grunt.registerTask('css',     ['stylus:client']);
  grunt.registerTask('default', ['connect:client', 'watch']);
};