1

当我更改项目文件时,让浏览器自动重新加载页面会很好。我有这个 node-express 站点,服务器在“server.js”中定义

但是,我尝试了不同的 grunt 配置,但没有一个会导致浏览器在文件更改时重新加载,尽管“监视”任务会打印出文件已更改的消息!

下面是相关的 grunt 配置:

watch: {
    all: {
        files: 'views/index.ejs', // for now only watch this file!
        options: {
            livereload: true
        }
    }
},
express: {
    options: {
        background: true,
        error: function(err, result, code) {},
        fallback: function() {},
        port: 3000
        delay: 0,
        output: ".+",
        debug: false
    },
    dev: {
        options: {
            script: './server.js',
            node_env: 'development',
            livereload: true
        }
    }
}
....

grunt.registerTask('server', [
    'express:dev',
    'open',
    'watch'
])
};

并运行我所做的任务

$> grunt server

有人可以解释这个配置有什么问题吗?

谢谢

4

2 回答 2

1

您需要从http://livereload.com/安装 livereload 浏览器插件

于 2013-10-28T13:59:10.743 回答
0

我正在尝试使用 grunt livereload 在我的 node.js 页面上重新加载 css 更改。我越来越接近解决与您的问题相似的问题。因此,据我所知,如果我错了,请纠正我,您不需要安装“livereload 浏览器插件”,对吗?我在没有node.js的情况下单独使用了grunt,我可以在不安装“livereload浏览器插件”的情况下使用livereload我只需要在我的.html中添加一行(我遇到的问题是如何重新加载.ejs,我发现了这个解决方法的页面/问题):所以我不知道安装 livereload 是否是执行脚本部分的另一种方法,或者如果我想重新加载 .ejs 我必须安装插件。

于 2016-09-14T03:52:23.733 回答