Question

我对Grunt很新，我正在尝试通过grunt-contrib-watch插件启用livereload，但我的浏览器并不令人耳目一新。这是我目前的Gruntfile.js：

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

        watch: {
            options: {
                livereload: true
            },
            files: ['*.html']
        }
    });

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

我在与Gruntfile.js相同的文件夹中有一个index.html文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Grunt example</title>
</head>
<body>
    <h1>Grunt example</h1>
    <p>A paragraph</p>
    <script src="//localhost:35729/livereload.js"></script>
</body>
</html>

所以我执行“grunt watch”，在更改index.html文件后，我从控制台收到以下消息：

文件“index.html”已更改。     在...完成0.000秒

但我的浏览器并不令人耳目一新。我错过了什么吗？有什么错误吗？

Answer 1

更改脚本块：

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

要：

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

应该修理它。

Grunt Livereload通过grunt-contrib-watch而不刷新浏览器

1 个答案: