0

Grunt livereload が実行されている場合にのみ、index.html ページにコード スニペットを挿入する必要があります。基本的な考え方は、偽の HTTP サーバーを実行することです (数行の sinonjs で簡単です)。

Grunt livereload 自身が HTML ページの下部にスニペットを挿入しているため、実行可能であることはわかっています。問題は、livereload タスクと同じ方法で独自のコード スニペットを挿入するにはどうすればよいかということです。

どうもありがとう、

デビッド。

4

1 に答える 1

0

挿入した HTML が必要な場所に応じて、次のようなことができます (完全にテストされていません)。

var livereloadUtils = require('grunt-contrib-livereload/lib/utils');
var oldGetSnippet = livereloadUtils.getSnippet;
livereloadUtils.getSnippet = function() {
    var snippet = oldGetSnippet();
    // add your snippet stuff to snippet. So either:
    // snippet += '<p>your html</p>'; //or
    // snippet = '<p>your html</p>' + snippet;
    return snippet;
};
var lrSnippet = livereloadUtils.livereloadSnippet;

これは の後にのみ挿入されます</body>。libs/utils.jsを調べて、何が起こっているのかをよりよく理解してください。

于 2013-07-23T14:30:40.307 に答える