Livereload无法在Grunt配置中工作

Question

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

HTML doc（body）中的脚本标记

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

Grunt文件

＆＃13;

＆＃13;

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"]);
    
};

＆＃13;

＆＃13;

＆＃13;

我不确定最新情况，我发现SCSS文件的更改正在被提取，在硬刷新之后，更改是可见的，但不是由于livereload。

Answer 1

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