使用Grunt插入代码片段

insert code snippet with Grunt

本文关键字：片段 代码 插入 Grunt 使用      更新时间：2023-09-26

我需要在index.html页面中插入一个代码片段，只有当Grunt-livereload正在运行时。基本想法是运行一个假的HTTP服务器（只需几行sinonjs就很容易了），但只有当我使用Grunt处于开发模式时。

我知道这是可行的，因为Grunt liverload自己在HTML页面的底部插入了一个代码片段，问题是我如何像liverlead任务一样插入自己的代码片段？

非常感谢，

大卫。

根据您想要注入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以更好地了解正在发生的事情。

相关文章：