Grunt - livereload只有uglified script.js?

时间:2013-11-12 09:34:00

标签: gruntjs grunt-contrib-watch

GruntJS新手在这里。我目前使用watch任务使用我的gruntfile.js来查找js/components/文件夹中任何.js文件的更改,并将这些脚本解压缩到一个script.js文件中。

我遇到的问题是这些更改会导致整页重新加载。

是否可以仅重新加载script.js文件而不重新加载HTML / CSS?我之后的效果与我目前使用SASS / CSS文件获得的效果相同:

watch : {
            options: { livereload: true },

            sass: {
                options: {
                    livereload: false
                },
                files: ['css/sass/*.scss'], 
                tasks: ['compass:dev']
            },

            css: {
                files: ['css/*.css']
            }

        } 

这只重新加载我的CSS而不重新加载整个页面,这使得工作流程更加顺畅。是否可以为JS做同样的事情?如果没有,为什么不呢?我当前的JS工作流配置如下所示:

grunt.initConfig({

        uglify: {
            my_target: {
                files: {
                    'js/script.js' : ['js/components/*.js']
                } 
            } 
        },  
        watch : {
            options: { livereload: true },
            scripts: {
                files: ['js/components/*.js'], 
                tasks: ['uglify']
            }

        } 

}); 

1 个答案:

答案 0 :(得分:0)

读完后,我终于结束了livereload.js Github page。根据开发人员对项目当前状态的概述,“Live JS reloading”是剩下的待办事项。所以它是一个计划好的功能,但尚未实现。该项目的最后一次提交是7个月前,所以我不确定何时/是否可以预见到此次更新。