一般来说，直接使用模板作为配置文件。

module.exports = function(grunt) { "use strict"; grunt.initConfig({ //插件配置区域 }); //加载插件任务，要使用谁就添加谁 grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-p_w_picpathmin'); // 注册任务 grunt.registerTask('default', ['cssmin', 'p_w_picpathmin', 'uglify']); };

grunt.loadNpmTasks()是加载插件任务。其实就是说，你如果要使用哪个插件的功能，请在这部分用这句代码把插件任务添加进去。
grunt.registerTask()是注册任务，默认有一个default。默认的意思就是说，你最后使用的时候，在目录的命令提示符里直接输入grunt便可以执行注册的任务，相当于执行了default这个任务。

使用自定义任务

可以注册更多的任务命令，使用其他的命名。比如

grunt.registerTask('custom', ['cssmin', 'p_w_picpathmin']);

对应使用的时候，输入：

grunt custom



gruntfile.js例子如下：

module.exports = function (grunt) {

    'use strict';


    grunt.initConfig({

        less: {

          // 开发环境

          development: {

            options: {

              paths: ["css"]  // @import 加载文件的路径

            },

            files: {

              "css/style.css": "css/style.less"  // 将path/to/source.less编译为path/to/result.css

            }

          },

          // 线上环境

          production: {

            options: {

              paths: ["css"],  // @import 加载文件的路径

              cleancss: true,     // 压缩css文件

              modifyVars: {   // 重新定义全局变量

                imgPath: '"http://mycdn.com/path/to/p_w_picpaths"',

                bgColor: 'red'

              }

            },

            files: {

              "css/style.css": "css/style.less"

            }

          }

        },

        concat : {


            css : {


                src: ['css/*.css'],


                dest:'css/asset/all.css'


            }


        },


        cssmin: {


            css: {


                src:'css/asset/all.css',


                dest:'css/asset/all-min.css'


            }


        },

        //压缩整个文件夹下的所有文件

           cssminAll:{

            css: {

                expand: true,

                //相对路径

                cwd: 'css/',

                src:'*.css',


                dest:'css/asset'


            }

    });


    grunt.loadNpmTasks('grunt-contrib-less');



    // 开发环境

    grunt.registerTask('lessDev', ['less:development']);

    // 线上环境

    grunt.registerTask('lessPro', ['less:production']);

    grunt.loadNpmTasks('grunt-contrib-concat');


    grunt.loadNpmTasks('grunt-contrib-cssmin');


    // 默认任务


    grunt.registerTask('default', ['concat','cssmin']);

    

};