Gruntfile.js

module.exports = function(grunt) {
    require('time-grunt')(grunt); //Grunt处理任务进度条提示

    grunt.initConfig({
        //默认文件目录在这里
        paths: {
            assets: './assets', //输出的最终文件assets里面
            scss: './css/sass', //推荐使用Sass
            css: './css', //若简单项目，可直接使用原生CSS，同样可以grunt watch:base进行监控
            js: './assets/js', //js文件相关目录
            img: './assets/img' //图片相关
        },
        buildType: 'Build',
        pkg: grunt.file.readJSON('package.json'),
        archive_name: grunt.option('name') || 'StaticPage项目名称', //此处可根据自己的需求修改

        //清理掉开发时才需要的文件
        clean: {
            pre: ['dist/', 'build/'], //删除掉先前的开发文件
            post: ['<%= archive_name %>*.zip'] //先删除先前生成的压缩包
        },

        uglify: {
            options: {
                compress: {
                    drop_console: true
                },
                banner: '/** \n' +
                    '* Project : <%= pkg.name %> \n' +
                    '* Author : <%= pkg.author %> \n' +
                    '* Updated : <%= grunt.template.today() %> \n' +
                    '*/ \n'
            },
            dist: {
                files: {
                    //'<%= paths.assets %>/js/min.v.js': '<%= paths.js %>/app.js'
                    //'projects/alimama/assets/js/app.min.js': 'projects/alimama/assets/js/app.js'
                }
            }
        },
        //调用谷歌高级压缩
        'closure-compiler': {
            base: {
                closurePath: '/usr/local/Cellar/closure-compiler/20140407/libexec', //在这里指定谷歌高级压缩路径
                js: [
                    '<%= paths.assets %>/js/v.js',
                ],
                jsOutputFile: '<%= paths.assets %>/js/min.main.js', //输出的js为min.main.js
                noreport: true,
                maxBuffer: 500,
                options: {
                    compilation_level: 'ADVANCED_OPTIMIZATIONS',
                    warning_level: "DEFAULT"
                        // language_in: 'ECMASCRIPT5_STRICT'
                }
            }
        },
        //压缩最终Build文件夹
        compress: {
            main: {
                options: {
                    archive: '<%= archive_name %>-<%= grunt.template.today("yyyy") %>年<%= grunt.template.today("mm") %>月<%= grunt.template.today("dd") %>日<%= grunt.template.today("h") %>时<%= grunt.template.today("TT") %>.zip'
                },
                expand: true,
                cwd: 'build/',
                src: ['**/*'],
                dest: ''
            }
        },

        copy: {
            main: {
                files: [{
                    expand: true,
                    src: ['assets/css/**'],
                    dest: 'build/'
                }, {
                    expand: true,
                    src: ['assets/images/**'],
                    dest: 'build/'
                }, {
                    expand: true,
                    src: ['assets/js/**'],
                    dest: 'build/'
                }, {
                    expand: true,
                    src: ['*', '!.gitignore', '!.DS_Store', '!Gruntfile.js', '!package.json', '!resource/**','!h5/**','!projects/**','!node_modules/**', '!go.sh', '!.ftppass', '!<%= archive_name %>*.zip'],
                    dest: 'build/'
                }, ]
            },

            xx: {
                files: [{
                    expand: true,
                    src: ['assets/**'],
                    dest: 'build/'
                },
                {
                    expand: true,
                    src: ['admin/**'],
                    dest: 'build/'
                },
                {
                    expand: true,
                    src: ['demos/**'],
                    dest: 'build/'
                }, 
                ]
            },


            images: {
                expand: true,
                cwd: 'img/',
                src: ['**', '!github.png'],
                dest: 'assets/images/',
                flatten: true,
                filter: 'isFile',
            },


            archive: {
                files: [{
                    expand: true,
                    src: ['<%= archive_name %>.zip'],
                    dest: 'dist/'
                }]
            }
        },

        //Sass 预处理
        sass: {
            admin: {
                options: {
                    sourcemap: true,
                    style: 'nested',
                    banner: '/** \n' +
                        '* Project : <%= pkg.name %> \n' +
                        '* Author : <%= pkg.author %> \n' +
                        '* Updated : <%= grunt.template.today() %> \n' +
                        '*/ \n'
                },
                files: {
                    '<%= paths.css %>/style.css': '<%= paths.scss %>/style.scss',
                }
            }
        },

        //压缩 css
        cssmin: {
            options: {
                keepSpecialComments: 0,
                banner: '/** \n' +
                    '* Project : <%= pkg.name %> \n' +
                    '* Author : <%= pkg.author %> \n' +
                    '* Updated : <%= grunt.template.today() %> \n' +
                    '*/ \n'
            },
            compress: {
                files: {
                    '<%= paths.assets %>/css/min.style.css': [
                        '<%= paths.css %>/style.css'
                    ]
                }
            }
        },

        // 格式化和清理html文件
        htmlmin: {
            dist: {
                options: {
                    removeComments: true,
                    //collapseWhitespace: true //压缩html:根据情况开启与否
                },

                files: {
                    'build/index.html': 'build/index.html', //清除html中的注释
                }
            }
        },

        //优化图片 请参考  https://github.com/JamieMason/ImageOptim-CLI
        imageoptim: {
            myTask: {
                options: {
                    jpegMini: false,
                    imageAlpha: true,
                    quitAfter: true
                },
                src: ['<%= paths.assets %>/images', '<%= paths.assets %>/images']
            }
        },

        //监听变化 默认grunt watch 监测所有开发文件变化
        watch: {
            options: {
                //开启 livereload
                livereload: true,
                //显示日志
                dateFormate: function(time) {
                    grunt.log.writeln('编译完成,用时' + time + 'ms ' + (new Date()).toString());
                    grunt.log.writeln('Wating for more changes...');
                }
            },
            //css
            sass: {
                files: '<%= paths.scss %>/**/*.scss',
                tasks: ['sass:admin', 'cssmin']
            },
            css: {
                files: '<%= paths.css %>/**/*.css',
                tasks: ['cssmin']
            },
            js: {
                files: '<%= paths.js %>/**/*.js',
                tasks: ['uglify']
            },
            //若不使用Sass，可通过grunt watch:base 只监测style.css和js文件
            base: {
                files: ['<%= paths.css %>/**/*.css', '<%= paths.js %>/**/*.js', 'img/**'],
                tasks: ['cssmin', 'uglify', 'copy:images']
            }

        },

        //发布到FTP服务器 : 请注意密码安全，ftp的帐号密码保存在主目录 .ftppass 文件
        'ftp-deploy': {
            build: {
                auth: {
                    host: '10.100.60.131',
                    port: 21,
                    authKey: 'key1'
                },
                src: 'build',
                dest: '/newmedia/majinhui/demo1',
                exclusions: ['path/to/source/folder/**/.DS_Store', 'path/to/source/folder/**/Thumbs.db', 'path/to/dist/tmp']
            }
        },

        'sftp-deploy': {
            build: {
                auth: {
                    host: '121.199.36.124',
                    port: 22,
                    authKey: 'key2'
                },
                cache: 'sftpCache.json',
                src: 'build',
                dest: '/var/www/html/public',
                exclusions: ['path/to/source/folder/**/.DS_Store', 'path/to/source/folder/**/Thumbs.db', 'path/to/dist/tmp'],
                serverSep: '/',
                concurrency: 4,
                progress: true
            }
        }

    });

    //输出进度日志
    grunt.event.on('watch', function(action, filepath, target) {
        grunt.log.writeln(target + ': ' + '文件: ' + filepath + ' 变动状态: ' + action);
    });

    grunt.loadNpmTasks('grunt-contrib-clean');
    grunt.loadNpmTasks('grunt-contrib-compress');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-htmlmin');
    grunt.loadNpmTasks('grunt-ftp-deploy');
    grunt.loadNpmTasks('grunt-sftp-deploy');
    grunt.loadNpmTasks('grunt-closure-compiler'); //增加谷歌高级压缩
    grunt.loadNpmTasks('grunt-imageoptim');
    /*下方为配置的常用 grunt 命令*/
    grunt.registerTask('default', ['cssmin', 'uglify', 'htmlmin', 'copy:images']);
    grunt.registerTask('styles', ['sass:admin', 'cssmin']);
    //执行 grunt bundle --最终输出的文件 < name-生成日期.zip > 文件
    grunt.registerTask('bundle', ['clean:pre', 'copy:images', 'copy:main', 'cssmin', 'copy:archive', 'clean:post', 'htmlmin', 'compress', ]);
    //执行 grunt publish 可以直接上传项目文件到指定服务器FTP目录
    grunt.registerTask('publish', ['ftp-deploy']);
    //执行 grunt ssh 可以利用 ssh 上传到服务器
    grunt.registerTask('ssh', ['sftp-deploy']);
    

    grunt.registerTask('app', [ 'uglify']);
    //执行 grunt gcc 可进行谷歌压缩
    grunt.registerTask('gcc', ['closure-compiler']);



    // 
    grunt.registerTask('copyxx', ['clean:pre','copy:xx']);
    grunt.registerTask('publishxx', ['clean:pre','copy:xx','sftp-deploy']);

};