これまでgruntでlivereload(grunt-contrib-livereload)をするにはregarde(grunt-contrib-regarde)とlivereload(grunt-contrib-livereload)が必要だったみたいなんですが、watch(grunt-contrib-watch)の0.4からlivereloadがビルトインされたようなので、使ってみました。
確か、livereloadを入れようとすると「Deprecated in favor of grunt-contrib-watch which now have Livereload support built-in.」って怒られたはず。watchの0.4以降だとconnectとwatchがあればlivereloadできるみたいです。watch内の設定でlivereload: trueにします。
'use strict';
module.exports = function(grunt){
grunt.initConfig({
pkg: grunt.file.readJSON("package.json"),
watch:{
options: {
livereload: true
},
html: {
files: '*.html',
tasks: ['']
}
},
connect: {
livereload: {
options: {
port: 9001
}
}
}
});
grunt.loadNpmTasks("grunt-contrib-watch");
grunt.loadNpmTasks("grunt-contrib-connect");
grunt.registerTask("default", ["connect","watch"]);
};
watchのアップデートとブラウザにエクステンションを入れるのを忘れずに。