gruntjs - 如何从发布版本中删除 livereload 脚本？

Question

我是一名后端开发人员，在一段时间内搞乱了 f/e 应用程序，并且我正在使用 grunt 来观看实时重新加载我的更改。 让我感到困惑的是，为了使 livereload 工作，我在我的 index.html 中添加了一个脚本标签

<script src="//localhost:35729/livereload.js"></script>

但我真的不想让那个脚本进入我的制作，我猜也没有人想要这样......人们如何处理这个问题？ 我应该在每次构建之前手动从页面中删除标签吗？ 看起来这不是一个很好的方法，因为 grunt 是如何自动化任务的。有没有一种方法可以自动化这个任务？ 我想要的只是在发布之前删除脚本。

如果重要的话，我正在使用一个简单的 angular.js 应用程序。

谢谢

Answer 1

您可以使用 grunt-dom-munger 处理用于部署的构建 grunt 任务上的 index.html。

您的脚本包含在 index.html 中，如下所示:

<script src="http://localhost:35729/livereload.js" data-remove="true"></script>

在 grunt 文件中(在 dom_munger 部分):

update: {
            options: {
                remove: ['script[data-remove!="false"]', 'link[data-remove!="false"]']
    }
}

这样您就可以在部署之前完全控制您的index.html，只需阅读 don-munger 上的文档即可。