1

プロジェクト ファイルを変更したときに、ブラウザが自動的にページをリロードすると便利です。「server.js」でサーバーが定義されているこのノードエクスプレスサイトがあります

ただし、さまざまな構成を試してみましたが、「監視」タスクはファイルが変更されたというメッセージを出力しますが、ファイルの変更時にブラウザーがリロードされることはありませんでした!

関連する 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

誰かがこの構成の何が問題なのか説明できますか?

thnx

4

2 に答える 2

1

http://livereload.com/から livereload ブラウザ プラグインをインストールする必要があります。

于 2013-10-28T13:59:10.743 に答える
0

grunt livereload を使用して、node.js ページで css の変更をリロードしようとしています。私はあなたの問題に似ている私の問題を解決することに近づいています。私がこれまでに知っていることから、私が間違っている場合は修正してください。「livereload browser plugin」をインストールする必要はありませんよね? 私はnode.jsなしでgruntを単独で使用し、「livereload browser plugin」をインストールせずにlivereloadを使用できました.htmlに行を追加するだけでした（ノードで遭遇した問題は、.ejsをリロードする方法であり、これを見つけましたそれを解決する方法に関するページ/質問) : livereload をインストールすることがスクリプト部分を実行する別の方法であるかどうか、またはこれが私の問題で言及したような場合であるかどうかはわかりません。プラグインをインストールします。

于 2016-09-14T03:52:23.733 に答える