Gruntfile.js

'use strict';

module.exports = function(grunt) {

    require('load-grunt-tasks')(grunt);
    require('time-grunt')(grunt);
    require('grunt-browserify')(grunt);

    // Configurable paths
    var paths = {
        tmp: '.tmp',
        src: './src',
        assets: './public'
    };

    grunt.initConfig({

        // Project settings
        paths: paths,
        config: { version: '1.0.0' },

        // Watches files for changes and runs tasks based on the changed files
        watch: {
            html: {
                files: ['./src/_includes/**/*.shtml', './src/views/**/*.html'],
                tasks: ['ssi']
            },
            less: {
                files: ['./src/less/**/*.less'],
                tasks: ['less', 'usebanner', 'postcss', 'copy']
            },
            scripts: {
                files: ['<%= paths.src %>/js/main.js', '<%= paths.src %>/js/modules/**/*.js'],
                tasks: ['jshint', 'concat', 'browserify:dev']
            }
        },

        // Lint LESS
        lesslint: {
            src: ['.src/less/**/*.less'],
            options: {
                csslint: {
                    'box-model': false,
                    'adjoining-classes': false,
                    'qualified-headings': false,
                    'empty-rules': false,
                    'outline-none': false,
                    'unique-headings': false
                }
            }
        },

        // Lint JS
        jshint: {
            options: {
                jshintrc: '.jshintrc',
                reporter: require('jshint-stylish')
            },
            all: [
                'Gruntfile.js',
                '<%= paths.assets %>/js/main.js',
                '<%= paths.assets %>/js/modules/**/.*.js'
            ]
        },

        // LESS -> CSS
        less: {
            options: {
                paths: ['less', 'node_modules'],
                compress: true,
                sourceMap: true,
                sourceMapFileInline: true
            },
            dist: {
                files: [{
                    expand: true,
                    cwd: './src/less',
                    src: ['gisp-theme.less'],
                    dest: '<%= paths.assets %>/css/',
                    ext: '.min.css'
                }]
            }
        },

        // Add vendor prefixed styles to CSS
        postcss: {
            options: {
                map: false,
                processors: [
                    require('autoprefixer')({ browsers: ['last 4 version'] })
                ]
            },
            dist: {
                files: [{
                    expand: true,
                    cwd: '<%= paths.assets %>/css/',
                    src: '{,*/}*.css',
                    dest: '<%= paths.assets %>/css/'
                }]
            }
        },

        // Process include files
        ssi: {
            options: {
                cache: 'all',
                ext: '.shtml',
                baseDir: './src/_includes'
            },
            dist: {
                files: [{
                    expand: true,
                    cwd: './src/views/',
                    src: ['**/*.html'],
                    dest: './public'
                }]
            }
        },

        // Bundle Bootstrap plugins
        concat: {
            pluginsjs: {
                src: [
                    // 'node_modules/bootstrap/js/affix.js',
                    // 'node_modules/bootstrap/js/alert.js',
                    'node_modules/bootstrap/js/dropdown.js',
                    //'node_modules/bootstrap/js/tooltip.js',
                    //'node_modules/bootstrap/js/modal.js'
                    //'node_modules/bootstrap/js/transition.js'
                    // 'node_modules/bootstrap/js/button.js',
                    // 'node_modules/bootstrap/js/popover.js',
                    // 'node_modules/bootstrap/js/carousel.js',
                    // 'node_modules/bootstrap/js/scrollspy.js',
                    // 'node_modules/bootstrap/js/collapse.js'
                    'node_modules/bootstrap/js/tab.js',
                ],
                dest: './public/js/vendor/bootstrap.min.js'
            }
        },

        // Add a banner to the top of the generated LESS file.
        usebanner: {
            taskName: {
                options: {
                    position: 'top',
                    banner: '/* FCC GIS Theme v<%= config.version %> | http://fcc.github.io/design-standards/ */\n',
                    linebreak: true
                },
                files: {
                    src: ['<%= paths.assets %>/css/gisp-theme.min.css'],
                }
            }
        },

        browserify: {
            options: {
                browserifyOptions: {
                    debug: true
                }
            },
            dev: {
                src: ['<%= paths.src %>/js/main.js'],
                dest: '<%= paths.assets %>/js/app.js'
            }
        },

        uglify: {
            options: {
                mangle: {
                    except: ['jQuery', 'Handlebars']
                },
                sourceMap: false
            },
            my_target: {

                files: {
                    '<%= paths.assets %>/js/app.min.js': ['<%= paths.assets %>/js/app.js']
                }
            }
        },

        'string-replace': {
            prod: {
                src: '<%= paths.assets %>/**/*.html',
                dest: '<%= paths.assets %>/',
                options: {
                    replacements: [{
                        pattern: 'app.js',
                        replacement: 'app.min.js'
                    }]
                }
            }
        },

        // Copies remaining files to places other tasks can use
        copy: {
            dist: {
                files: [{ // fonts 
                    dot: true,
                    expand: true,
                    cwd: 'node_modules/font-awesome/fonts',
                    src: '**',
                    dest: '<%= paths.assets %>/fonts'
                }]
            }
        },

        clean: {
            release: ['<%= paths.assets %>/js/app.js', '<%= paths.assets %>/css/*.map']
        },
    });

    grunt.registerTask('build:dev', [
        'jshint',
        'less',
        'usebanner',
        'postcss',
        'ssi',
        'concat',
        'browserify:dev'
    ]);

    grunt.registerTask('build:release', [
        'jshint',
        'less',
        'usebanner',
        'postcss',
        'ssi',
        'concat',
        'browserify:dev',
        'uglify',
        'string-replace',
        'clean'
    ]);

    grunt.registerTask('default', [
        'build:dev'
    ]);
};