使用grunt实现浏览器自动刷新

  首先安装必备的插件:

  • nodejs安装
  • grunt安装
  • grunt-contrib-watch:npm install grunt-contrib-watch —save-dev

因为这是要引入livereload来监听你对文件所做的修改,所以需要一个服务器来实现浏览器与服务期间的通信,

因此,可以利用apache实现。将你的项目放在Apache服务器下。

  然后就是进行基本的配置了:

grunt.initConfig(

watch: {

livereload: {

options: {livereload: true},

files: ['dev/test.js', 'index.html']

}

})

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

要实时刷新的界面中引入一段脚本<script src="//localhost:35729/livereload.js"></script>

  最后就是使用grunt启动你的监听,大功就告成啦!!!

 

posted on 2014-08-25 11:10  木公2014  阅读(555)  评论(0编辑  收藏  举报