grunt.js

grunt-contrib-watchを使ってlivereloadする

More than 5 years have passed since last update.

これまで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のアップデートとブラウザにエクステンションを入れるのを忘れずに。