用Grunt插入代碼片段

Question

只有當Grunt livereload正在運行時，我需要在我的index.html頁面中插入代碼片段。基本的想法是運行一個假的HTTP服務器（只需幾行sinonjs就可以輕鬆完成），但只有當我使用Grunt處於開發模式時。

我知道這是可行的，因爲Grunt livereload自己在HTML頁面的底部插入一個片段，問題是如何插入我自己的代碼片段，就像livereload任務一樣？

非常感謝，

David。

Answer 1

根據你希望你的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以更好地瞭解發生的事情。