Grunt LiveReload没有显示

时间:2015-05-07 17:29:11

标签: javascript sass grunt-contrib-watch livereload

我对Grunt的livereload有一个noob问题。我有使用livereload配置的监视任务:true 我在页面底部添加了标签,当我将浏览器指向localhost:port_number_i_can't_remember时,它显示了一个带有.js服务器的页面,我猜...

我如何使用livereload重新加载我正在处理的html。我在哪里指向浏览器?我正在使用sublime3并添加了livereload包。我也使用括号,在两者之间打开/关闭。

grunt文件:

module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),

sass: {
  options: {
    includePaths: ['sass/**/*.scss']
  },
  dist: {
    options: {
      outputStyle: 'compressed',
      sourceMap: true
    },
    files: {
      'css/materialize.css': 'sass/materialize.scss'
    }
  }
},

watch: {
  grunt: {
    options: {
      livereload: true
    },
    files: [
    'css/*.css',
    '*.html'
    ]
  },

  sass: {
    files: 'sass/**/*.scss',
    tasks: ['sass']
  },

}

});

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

grunt.registerTask('build', ['sass']);
grunt.registerTask('default', ['build', 'watch']);

}

我在这里做错了什么?

1 个答案:

答案 0 :(得分:1)

有多种方法可以启用它,它们会在official wiki中列出。

最简单的是第一个,包括

<script src="//localhost:35729/livereload.js"></script>

在HTML页面中的</body>之前。

如果您对其中一种方法有任何疑问,请相应更新问题