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

Question

我是一名后端开发人员，有一段时间在处理 f/e 应用程序，我正在使用 grunt 来观看实时加载我的更改。让我感到困惑的是，为了让 livereload 正常工作，我在 index.html

中添加了一个脚本标签

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

但我真的不想让那个剧本进入我的作品，我猜也没有人想要那个……人们如何处理这个问题？我应该在每次构建之前手动从页面中删除标签吗？它看起来不是一个很好的方法，看看关于自动化任务的咕噜声......是否也有自动化这个任务的方法？我只想在发布之前删除脚本。

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

谢谢

Answer 1

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

您在 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 上的文档即可。

How do I remove livereload script from release build?