Tag: livereload

如何使用grunt-contrib-livereload?

我试图使用grunt-contrib-livereload ,但似乎无法弄清楚。 自述文件似乎跳过了我需要解释的所有内容,然后以一个不适用的示例结束,当我尝试它时,似乎与文档没有直接关系。 我已经在博客文章或教程中find了更好的解释,但是一直没能find。 有人可以解释如何开始使用这个工具吗? 以下是基于自述文件的各种问题: 该文件说,livereload任务“必须通过已更改的文件列表”—但如何将它传递给这个文件列表? 这个例子似乎没有说明这一点。 贵宾是否通过了名单? 需要grunt-contrib-connect吗? 它做什么,我该如何使用它? 在尝试使用livereload之前,我需要学习连接吗? 自述文件提到中间件“必须是第一个插入的”—但插入什么之前,还有什么? 而且它是如何插入的? 我想我不明白我需要如何操作端口。 “所有在livereload端口上侦听的浏览器都将被重新加载”—但我怎么知道哪个浏览器正在侦听哪个端口? 在尝试使用livereload之前,是否需要了解有关端口的所有信息? (有关如何最好地了解这一点的任何build议?) 最后,在这个例子中,有一个与之前的任何文档都没有关系的folderMount函数。 那是什么,我需要吗? 我想我问是否有人可以请: 指向一个比当前自述更有效的教程; 解释自述文件中这些无法解释的部分,如果这些答案是我需要了解的插件; 或者提供一个function性的例子,说明它为什么起作用。

什么是Webpack中的热模块更换?

我已经阅读了关于Webpack中热模块replace的几 页 。 甚至有一个使用它的示例应用程序 。 我已阅读所有这一切,但仍然不明白。 我能用它做什么? 它应该只用于开发而不是用于生产? 它是否像LiveReload,但你必须自己pipe理它? WebpackDevServer以某种方式与它集成吗? 假设我想将我的CSS(一个样式表)和JS模块更新到磁盘上,而无需重新加载页面,也不需要使用LiveReload等插件。 这是什么热模块更换可以帮助我? 我需要做什么样的工作,HMR已经提供了什么?