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

【问题标题】：How do I remove livereload script from release build?如何从发布版本中删除 livereload 脚本？
【发布时间】：2015-08-05 14:05:55
【问题描述】：

我是一名后端开发人员，暂时使用 f/e 应用程序，我正在使用 grunt 来观看实时加载我的更改。令我困惑的是，为了使 livereload 正常工作，我在 index.html 中添加了一个脚本标签

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

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

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

谢谢

【问题讨论】：

【解决方案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 上的文档即可。

【讨论】：