Livereload 在 Grunt 配置中不起作用

Question

我配置了一个 Grunt 项目，我正在尝试运行 livereload。 但我无法让它工作，我在我的 HTML 文档中包含了 livereload 脚本标签。

HTML 文档（正文）中的脚本标记

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

咕噜文件

module.exports = function(grunt) {
    
    //project configurations
    grunt.initConfig({
    
        clean: {
            build: {
                src: ['dist']
            }
        },
    
        sass: {
            dist: {
                options: {
                    style: 'expanded'
                },
                files: {
                    'dist/css/compiled.css':'sources/scss/main.scss'
                }
            }
        },
        
        uglify : {
            
            options : {
                banner : "/*! app.min.js file */\n",
                style: "compressed"
            },
            build : {
                src : ["sources/js/app.js"],
                dest : "dist/js/app.min.js"
            }
            
        },
    
        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['sass'],
                options: {
                    livereload: 35729
                }
            }
        },
    
    
        connect: {
            server: {
                options: {
                    port: 8000,
                    hostname: '*',
                    base: {
                        path: '.',
                        options: {
                            index: 'index.html'
                        }
                    },
                    onCreateServer: function(server, connect, options) {

                    }
                }
            }
        }
        
    });
    
    grunt.loadNpmTasks('grunt-contrib-clean');
    
    grunt.loadNpmTasks('grunt-contrib-sass');

    grunt.loadNpmTasks('grunt-contrib-uglify');
    
    grunt.loadNpmTasks('grunt-contrib-watch');
    
    grunt.loadNpmTasks('grunt-contrib-connect');
    
    grunt.registerTask("default", ["clean", "connect","sass", "uglify", "watch"]);
    
};

我不确定发生了什么，我看到对 SCSS 文件的更改正在被拾取，并且在硬刷新后更改是可见的，但不是由于 livereload。

Answer 1

编辑：现在它可以工作了，我在头部添加了脚本标签，而我正在阅读它需要在关闭正文标签之前。