首先安装必备的插件:
- 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启动你的监听,大功就告成啦!!!