grunt livereload nodemon grunt集成自動重啓（實例）

一、安裝express-generator：

參見http://blog.csdn.net/weixin_36401046/article/details/52860827

二、在D盤下新建目錄grunt-liveredload-demo，打開命令行，進入grunt-liveredload-demo目錄，

初始化myapp這個項目目錄

> express myapp

> cd myapp

> npm install

三、在項目根目錄myapp下新建Gruntfile.js文件，配置Gruntfile.js文件，內容以下：

module.exports=function(grunt){ 
    //任務配置 
    grunt.initConfig({ 
        watch:{
            html:{
                files:['views/**'],
                option:{
                    livereload:true
                }
            }
        },
        nodemon:{
            dev:{
                script:'bin/www',
                options:{
                    env:{
                        port:3000
                    }
                }
            }
        },
        concurrent:{
            tasks:['nodemon','watch'],
            options:{
               logConcurrentOutput:true
            }

        }
    }); 
    //載入任務 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-nodemon'); 
    grunt.loadNpmTasks('grunt-concurrent'); 
    //註冊任務 
    grunt.registerTask('serve',['concurrent']); 
}

四、安裝grunt、grunt-contrib-watch、grunt-nodemon、grunt-concurrent四個模塊:

> npm install grunt --save-dev

> npm install grunt-contrib-watch --save-dev

> npm install grunt-nodemon --save-dev

> npm install grunt-concurrent --save-dev

五、啓動grunt

>grunt serve

六、修改文件，app就能夠自動重啓了