Grunt LiveReload 未显示

Question

我有一个关于使用 Grunt 进行 livereload 的菜鸟问题。我的 watch 任务配置了 livereload: true 我在页面底部添加了标签，当我将浏览器指向 localhost:port_number_i_can't_remember 时，它显示了一个带有 .js 服务器的页面，我猜...

如何使用 livereload 重新加载我正在处理的 html。我必须在哪里指向浏览器？我正在使用 sublime3 并添加了 livereload 包。我也是用括号，在两者之间一直是on/off.

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']);

}

伙计们，我做错了什么？

Answer 1

有几种启用它的方法，它们列在 official wiki。

第一个最简单，包括

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

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

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

Grunt LiveReload 未显示

Grunt LiveReload not showing

javascript

sass

grunt-contrib-watch

livereload